@media (max-width: 1023px) {

	html, body {
		font-size: 16px;
	}

	.container {
	    padding: 0 15px;
	}

	.slider-dotted {
		display: flex;
	}


	.home__banner img.image-banner-pc, 
	.header__bottom, 
	.header__search, 
	.header__social {
		display: none;
	}

	.copyright, 
	.footer__nav .menu, 
	.block__flex, 
	.blue__menu, 
	.block__news {
		flex-wrap: wrap;
	}

	.copyright__menu, 
	.footer__nav .menu li, 
	.header__bottom .menu li, 
	.block__flex-side, 
	.block__flex-content, 
	.block__news-item {
		width: 100%;
	}


	.posts-fd .card:nth-of-type(1), 
	.posts-fd .card:nth-of-type(2), 
	.posts .card {
		width: calc(100% / 2 - 10px);
	}

	.copyright, 
	.copyright__menu, 
	.footer__menu .menu {
	    justify-content: center;
	}

	.header__top {
	    margin-top: 30px;
	    flex-direction: column;
	    gap: 30px;
	}

	.h-button {
	    display: block;
	    width: 60px;
	    height: 60px;
	    border-width: 1px;
	    border-style: solid;
	    border-color: rgba(255, 255, 255, 1);
	    backdrop-filter: blur(5px);
	    border-radius: 10px;
	    background-color: rgba(255, 255, 255, 0.6);
	    position: absolute;
	    top: 15px;
	    z-index: 1;
	}

	.h-button-phone {
	    background-image: url(../svg/ic-tel.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: 40%;
	    right: 15px;
	}

	.h-button-menu {

	}
	.h-button-menu span {
	    width: 34px;
	    height: 1px;
	    background: black;
	    display: block;
	    position: absolute;
	    left: calc(50% - 17px);
	    top: 16px;
	    transition: all 200ms;
	}
	.h-button-menu span:nth-of-type(1) {
	    top: 20px;
	}
	.h-button-menu span:nth-of-type(2) {
	    top: 28px;
	}
	.h-button-menu span:nth-of-type(3) {
	    top: 36px;
	}


	.header {
	    flex-direction: column-reverse;
	    padding-top: 110px;
	    justify-content: flex-start;
	}
	.header__h1 {
	    position: absolute;
	    top: 15px;
	    width: calc(100% - 120px);
	    left: 60px;
	}


	body.menu-active {
		overflow: hidden;
	}

	body.menu-active .header__search, body.menu-active .header__social {
	    display: flex;
	    width: 100%;
	    justify-content: center;
	    align-items: center;
	}

	body.menu-active .search__buttons {
	    width: 100%;
	}

	body.menu-active .header {
		height: unset;
	}


	body.menu-active .site__desc-mobile,
	body.menu-active .header__bg {
		display: none;
	}

	body.menu-active .header__bottom {
		display: block;
	}

	body.menu-active .wrap__header {
	    position: fixed;
	    padding-bottom: 70px;
	    overflow-y: auto;
	    height: 100dvh;
	    width: 100%;
	    top: 0;
	    z-index: 2;
	    background: #CAD2EA;
	}

	body.menu-active .header__bottom .menu {
		flex-direction: column;
	}


	body.menu-active .h-button-menu span {
	    top: 29px;
	}

	body.menu-active .h-button-menu span:nth-of-type(2),
	body.menu-active .h-button-menu span:nth-of-type(1) {
	    transform: rotate(45deg);
	} 

	body.menu-active .h-button-menu span:nth-of-type(3) { 
		transform: rotate(-45deg);
	}


	.site__desc-mobile {
	    display: block;
	    padding: 15px 0;
	    margin-left: -15px;
	    margin-right: -15px;
	    text-align: center;
	    position: relative;
	    backdrop-filter: blur(1px);
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	}
	.site__desc-mobile::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
	    z-index: 1;
	}
	.site__desc-mobile .site__gops {
		position: relative;
		z-index: 2;
	}
	.site__gops span {
	    font-size: 16px;
	    vertical-align: middle;
	    margin: 0 3px;
	}

	.blue__menu {
	    margin: 40px 0;
	    gap: 15px;
	    padding: 15px;
	}
	.blue__menu a {
	    width: calc(100% / 2 - 10px);
	    min-height: 40px;
	}
	.blue__menu a span {
	    font-size: 14px;
	}
	.blue__menu a span:last-child {
	    font-size: 16px;	
	}

	footer {
	    padding: 30px 0;
	    margin-top: 30px;
	}

	.footer__menu {
	    margin: 30px 0;
	}

	.copyright {
		gap: 15px;
	}

	.footer__menu .menu li {
	    width: calc(100% / 3 - 16px);
	}

	.footer__nav, 
	.header__bottom {
		padding: 15px;
	}

	.footer__nav .menu, 
	.header__bottom .menu {
		gap: 0;
	}

	.footer__nav .menu li, 
	.header__bottom .menu li {
	    padding: 0px 0;
	}

	.footer__nav .menu li a, 
	.header__bottom .menu li a {
		font-size: 18px;
	}

	.header__bottom .menu > li.current-menu-item > a {
	    border-color: #25252500 !important;
	    border-radius: 10px;
	    color: #213040;
	}

	.header__bottom .menu-item-has-children > a::after {
	    float: right;
	}

	.header__bottom .menu-item-has-children:hover .sub-menu {
	    position: relative;
	    background-color: unset;
	    z-index: 1;
	    border: unset;
	    padding-left: 20px;
	}

	.header__bottom .menu li .sub-menu a {
	    color: #5E7086;
	    font-size: 16px;
	    padding: 6px 12px;
	    font-family: 'Raleway', Arial, sans-serif;
	}

	.header__bottom .menu li.menu-item-has-children:hover > a {
	    background-color: #ffffff00;
	    border-top: 1px solid #385cb800;
	    border-radius: 0;
	    color: #385CB8;
	}

	.calendar-widget h2.title, 
	.h2__title, 
	.h3__title {
		font-size: 20px;
	}

	.card__info-title {
		font-size: 18px;
	}
	.card-big .card__info-title {
	    font-size: 18px;
	}

	.card-big .card__image {

	}

	.post-meta-link {
		font-size: 13px;
	}

	.header__h1 span:last-child, 
	.header__h1 {
	    font-size: 20px;
	    text-transform: uppercase;
	    font-weight: 400;
	}

	.copyright__text {
	    text-align: center;
	}


	.posts__filter select {
		width: 100%;
	}
}


@media (min-width: 768px) and (max-width: 1023px) {
	.card__image {
		padding-top: 80%;
	}
	.block__flex-side {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 15px;
	}

	.archi__shedule, .orthodox-calendar {
	    width: calc(50% - 8px);
	    margin: 10px 0px;
	}

	.actual__analitics ul {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.actual__analitics ul li {
	    width: calc(50% - 8px);
	}

	.posts-more {
		width: 100%;
	}

	.home__banner img.image-banner-tablet {
		display: block;
	}
}


@media (max-width: 767px) {
	:root {
	    --height-header-other: 300px;
	}

	.saints__list-item {
		width: 100%;
	}

	.pager, .posts__filter {
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.posts__filter .input-date {
	    width: 100%;
	}
	.pager nav {
		order: 1;
	}

	.posts__filter input[type="date"] {
		width: calc(50% - 10px);
	}

	.h1__title {
		font-size: 28px;
		margin: 0 0 10px 0;
	}

	.wrap__header-other .header__h1 a::before {
	    display: block;
	    content: '';
	    height: 140px;
	    width: 200px;
	    position: absolute;
	    z-index: 1;
	    top: 50px;
	    left: calc(50% - 100px);
	}

	.block__double, 
	.card-horisontal, 
	.block__double {
		flex-wrap: wrap;
	}

	.blue__menu a, 
	.posts-fd .card:nth-of-type(1), 
	.posts-fd .card:nth-of-type(2), 
	.posts .card, 
	.block__double-item, 
	.card-horisontal .card__info, 
	.card-horisontal .image_50 {
		width: 100%;
	}

	.home__banner {
		margin: 40px auto;
	}

    .h-button {
        width: 40px;
        height: 40px;
    }

	.card-big .card__image {
	}

	.sliders__item .card__info-title {
	    min-height: unset;
	} 

	.header {
	    padding-top: 90px;
	}

	.footer__menu .menu li a {
		font-size: 14px;
	}

	.header__h1 span:last-child, 
	.header__h1 {
		font-size: 13px;
	}

	.home__banner img.image-banner-mobile {
		display: block;
	}

	.h-button-menu span {
	    width: 20px;
	    left: calc(50% - 10px);
	    top: 16px;
	}
	body.menu-active .h-button-menu span {
	    top: 19px;
	}
	.h-button-menu span:nth-of-type(1) {
	    top: 13px;
	}
	.h-button-menu span:nth-of-type(2) {
	    top: 20px;
	}
	.h-button-menu span:nth-of-type(3) {
	    top: 27px;
	}


	.single__post {
		max-width: calc(100% - 20px);
		margin-left: auto;
		margin-right: auto;
	}

	.single__panel {
		margin: 10px 0;
	}

	.single__panel .post_draft {
		padding: 5px 10px;
	}
	.single__panel .date {
		font-size: 13px;
	}

	.single__panel .is-media {
		width: 80px;
	}

	.single__title h1 {
	    font-size: 18px;
	    padding: 0 10px;
	}

	.gallery {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 10px;
	}

	.gallery.gallery-columns-3 .gallery-item {
	    width: calc(100% / 3 - 7px) !important;
	}

	.ya-share2::before {
	    font-size: 14px;
	    line-height: 170%;
	    padding: 5px 46px 5px 10px;
	    background-size: 24px;
	}
	.ya-share2 .ya-share2__container_size_m .ya-share2__icon {
	    height: 34px;
	    width: 34px;
	    background-size: 28px 28px;
	}

	h1.clergy__title {
		font-size: 30px;
	}
	h2.clergy__title {
		font-size: 22px;
	}

	.sorting-filter .item {
	    min-width: unset;
	}

	.saints .card {
	    width: calc(100% / 2 - 7px);
	}
	.hrames > .card {
	    width: 100%;
	}

	.bread-mobile {
		display: block;
	}



	.more__posts h2 {
	    font-size: 22px;
	}

}






@media (min-width: 1024px) {
	.hrames__saints-1 {
	    position: absolute;
	    top: calc(100% - 24px);
	    z-index: 3;
	    background: #ffffff;
	    box-shadow: 0px 4px 0px 0px rgba(157, 177, 203, 1);
	    border: 1px solid rgba(157, 177, 203, 1);
	    border-top: 0;
	    left: -1px;
	    right: -1px;
	    padding: 0 14px 18px 14px;
	    border-radius: 0 0 16px 16px;
	    padding-top: 10px;
	}

	.hrames > .card:hover .hrames__saints-1 {
	    box-shadow: 0px 4px 0px 0px rgb(56 92 184);
	    border: 1px solid rgb(56 92 184);
	    border-top: 0;
	}

	.header__bottom {
		margin-top: auto;
	}

	.block-breadcrumbs {
	    margin-bottom: -10px;
	    justify-content: center;
	}


	.bread-pc {
		display: block;
	}

	.header__bottom {
	    position: relative;
	    z-index: 2;
	}

	.h1__title {
		margin-top: 40px;
	}
}