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

}

/*----------------------------------------------*/



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


    .header-links a {
        flex: none;
        height: 2.625rem;
    }
    section {
        padding-right: var(--paddings--p__20);
        padding-left: var(--paddings--p__20);
    }
    .block-slider-main .block-inside {
        grid-template-columns: 1.5fr 1fr;
    }
    .red-button {
        flex: none;
        height: 2.625rem;
        font-size: 17px; 
    }
    h1 {
    	font-size: 40px; 
    }
    .slider-descr .div-p p {
    	font-size: 16px; 
    }
    .block-pochemu {
        grid-template-columns: 1fr 1fr;
    } 
    .pochemu .div-p p {
    	font-size: 16px;
    }
    .pochemu:nth-child(3) {
    	grid-area: span 1 / span 2 / span 1 / span 2;
    }
    .block-platezhi .h2-descr {
    	grid-column-gap: var(--font-size--fs-20);
        grid-row-gap: var(--font-size--fs-20);
    }
    .platezhi-preim-block {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .platezhi-preim {
    	grid-area: span 1 / span 2 / span 1 / span 2;
    }
    .platezhi-preim:nth-child(4), .platezhi-preim:nth-child(5) {
    	grid-area: span 1 / span 3 / span 1 / span 3;
    }
    .block-slider .swiper-button-next, .block-slider .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem;
    }
    .block-slider .swiper-button-next svg, .block-slider .swiper-button-prev svg {
        width: 1.5rem;
        height: 1.5rem;
    }
    /*body .swiper-backface-hidden .swiper-slide {
    	margin-right: 0.5rem !important;
    	width: calc(33.3333% - 0.333333rem) !important;
    }*/
    .swiper-slide .div-p p {
    	font-size: 16px; 
    }
    .block-biznes .h2-descr {
    	grid-column-gap: var(--font-size--fs-20);
        grid-row-gap: var(--font-size--fs-20);
    }
    .biznes-dokumenty {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }
    .dokumenty, .biznes-img {
    	grid-area: span 1 / span 2 / span 1 / span 2;
    }
    .dokumenty-name {
    	width: 100%;
        max-width: 22.5rem;
    }
    .biznes-nomer {
    	font-size: 7rem;
        inset: auto 1rem -2.5rem auto;
    }
    .block-svyazhites .block-inside {
    	grid-template-columns: 1fr; 
    }
    .svyazhites-img img {
    	width: 100%;
        height: 8.375rem;
    }
    .accordion-header {
    	font-size: 1rem; 
    }
    .accordion-body__contents, .accordion-body ol {
    	font-size: 1rem; 
    }
    .footer-links a, .footer-cp {
    	font-size: 1rem; 
    }
    .slider-img img {
    	left: -29%;
    }
    .swiper-slide h3 {
        min-height: 90px;
    	font-size: 34px;
    }


}




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


	.header-links a {
        padding-right: var(--paddings--p__10);
        padding-left: var(--paddings--p__10);
        height: 2.25rem;
        font-size: .875rem;
    }
    .header {
        padding: var(--paddings--p__16);
    }
    .header ul.menu {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
    }

    .block-slider-main .block-inside {
    	grid-template-columns: 1fr; 
    }
    .slider-img img {
    	left: auto;
    }
    .slider-img {
    	justify-content: center;
        align-items: center;
        height: 26rem;
    }
    .swiper-slide h3 {
    	font-size: 32px;
    }
    section {
        padding-right: var(--paddings--p__16);
        padding-left: var(--paddings--p__16);
    }
    .block-pochemu {
    	display: flex;
    	flex-wrap: wrap;
    	flex-direction: column;
    }
    .block-platezhi .h2-descr {
    	grid-template-columns: 1fr; 
    	grid-auto-columns: auto;
    }
    /*body .swiper-backface-hidden .swiper-slide {
        width: calc(50% - 0.25rem) !important;
    }*/
    .block-biznes .h2-descr {
    	grid-template-columns: 1fr; 
    	grid-auto-columns: auto;
    }
    .svyazhites-descr {
        padding: var(--paddings--p__32) var(--font-size--fs-24);
    }
    .footer {
        padding: var(--paddings--p__40) var(--paddings--p__16);
    }

 
}





/*----------------------------------------------*/
@media only screen and (max-width:479px) { 


	/*-- Start menu --*/
	.header ul.menu {
		display: flex;
		flex-direction: column;
		position: fixed; 
		top: 0; 
		right: -100%; 
		background: #c8c8c8; 
		box-shadow: 3px 3px 5px rgba(0,0,0,.7);
		z-index: 1000;
		padding: 2rem var(--paddings--p__16);
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
	}
	.header-links a {
		width: 100%;
		height: 2.5rem; 
	}

	.menu-icon, .mi-active {display: block; top: 25px; right: 15px;}
	.menu-icon.mi-active {/* background: url(../images/menu-icon-active.png) no-repeat 0px 0px; */}
	.header ul.menu.bmi-width {transition: right 0.3s; –webkit-transition: right 0.3s;}
	.header ul.menu.bmi-active {right: 0; transition: right 0.3s; –webkit-transition: right 0.3s;}
	.bmi-active .nav-child {margin: 0 0 15px 0;}

	.header ul.menu ul.nav-child {display: none; margin: 0; padding: 0; position: relative; left: 0; top: 0; opacity: 1; text-align: left!important; border-radius: 0;}
	.header ul.menu ul.nav-child li {display: block; width: 100%; height: 38px; line-height: 38px; border: 0;}
	.header ul.menu li > a {width: 100%; padding: 0 0 0 16px; background: none; cursor: pointer; color: #fff; font-size: 14px; line-height: 42px;}
	.header ul.menu li:hover a {text-decoration: none!important;}
	.header ul.menu li.parent > a {width: 100%; padding: 0 0 0 16px; background: none; cursor: pointer; color: #fff; line-height: 42px; text-decoration: none!important;}
	.header ul.menu li.parent > a label {display: inline-block; padding: 0 0px 0 0;}
	.header ul.menu li a:hover {background: #575a61; text-decoration: none!important;}
	.header ul.menu ul.nav-child li:first-child {border-radius: 0;}
	.header ul.menu ul.nav-child li:last-child {border-radius: 0; border-bottom: 0!important;}
	ul.nav-child li a {display: block; height: 37px; line-height: 38px; color: #333;}
	.header ul.menu ul.nav-child li, .bar-fixed ul.menu ul.nav-child li a {color: #333;}
	.header ul.menu ul.nav-child li:hover, .bar-fixed ul.menu ul.nav-child li a:hover {background: #fffdec; color: #333;}
	.header ul.menu li.parent > a:after, .bar-fixed ul.menu li.parent > .separator:after, .bar-fixed ul.menu li.parent > .nav-header:after {top: 17px; right: 15px;}
	.btn:hover {background: inherit;}

	
	.header ul.menu > li {display: block; width: 100%; padding: 0 0% 0 0%; float: none; position: relative; background: none; line-height: 40px; border-bottom: 1px #575a61 solid!important;}
	.header ul.menu > li:first-child {border-top: 0px #575a61 solid; text-align: left; padding: 0; border-radius: 0;}
	.header ul.menu li .nav-child li {padding: 0; border-bottom: 0; border-top: 0px #ced3d6 solid;}
	.header ul.menu li.parent li:last-child {padding: 0 0% 0 0;}
	.header ul.menu li:last-child {padding: 0 0% 0 0%;}
	.header ul.menu li.parent {padding: 0 0% 0 0%;}
	/*-- End menu --*/
	.nav__main {
        border-bottom: 1px solid var(--color--light-grey);
    }
    .block-slider-main {
        padding-top: 6.25rem;
        padding-bottom: 0;
    }
    .red-button {
    	font-size: 16px; 
    }
    .slider-icons {
    	flex-wrap: wrap;
    }
    .slider-img {
        height: 17.5rem;
    }
    .header {
        border-bottom: 1px solid var(--color--light-grey);
    }
    .logo {
        z-index: 999;
        flex: none;
        width: 10rem;
        position: relative;
    }
    h2 {
    	font-size: 2.5rem; 
    }
    .pochemu h3 {
    	font-size: 2rem;
    }
    .h2-descr .div-p p {
    	font-size: 1.25rem; 
    }
    .platezhi-preim-block {
    	grid-template-columns: 1fr 1fr; 
        grid-auto-columns: auto;
    }
    .platezhi-preim {
    	display: flex;
    	flex-wrap: wrap;
    }
    /*.platezhi-preim:nth-child(5) {
    	grid-area: span 1 / span 2 / span 1 / span 2;
    }*/
    .slider-desc {
    	margin-bottom: var(--font-size--fs-24);
        grid-column-gap: var(--font-size--fs-24);
        grid-row-gap: var(--font-size--fs-24);
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    /*body .swiper-backface-hidden .swiper-slide {
    	width: calc(100% + 0rem) !important;
    }*/
    .swiper-slide h3 {
    	font-size: 2rem; 
    }
    .dokumenty-name {
    	font-size: 2rem; 
    }
    .biznes {
		padding-top: var(--paddings--p__16);
        padding-right: var(--paddings--p__8);
        padding-left: var(--paddings--p__8);
    }
    .biznes-name {
    	font-size: 1.25rem; 
    }
    .svyazhites-img img {
    	height: auto;
    }
    .footer .logo {
        width: 10rem;
    }


}