body {
  min-width:320px;
}

@media (max-width: 1360px) { 
header nav {
    gap: 4px;
}
header nav .navitem {
    gap: 2px;
}
header nav .navitem {
    gap: 2px;
    padding: 8px 5px;
}
header .controls .btn {
    font-size: 13px;
    padding: 0 10px;
    white-space: nowrap;
}
header nav .navitem {
    font-size: 13px;
}
.wrap {
    padding: 0 10px;
}
}


@media (max-width: 1280px) { 
.footerinf .inn a, .footernav .inn a {
    font-size: 18px;
}
footer .footertop .wrap {
    gap: 32px;
}
.footerinf b, .footernav b,
.demoform b {
    font-size: 28px;
}
.demoform {
    font-size: 16px;
}

}

























.mobile-menu {
    width: 27px;
    height: 18px;
    border: 0;
    background: 0 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-right: 15px; 
	display:none;
}
.mobile-menu span {
    background: #fbf9fb;
    display: block;
    height: 2px;
    margin-bottom: 5px;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.btn-menu span:last-child {
    margin-bottom: 0;
}










@media (max-width: 1124px) { 
	
header nav {
    display: none;
}
.mobile-menu {
	display:block;
}
.mobilemenu {
    display: block;
    background: #f6eef7;
    padding: 55px 20px 80px;
    max-width: 320px;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100vh;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 15;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    right: 0;
    transform: translateX(340px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.menuopened .mobilemenu {
    transform: translateX(0px);
}
.mobilemenu .close {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}
.mobilemenu .close svg {
    width: 100%;
    height: 100%;
}
.mobilemenu .hidemob {
    display: none;
}
.mobilemenu nav * {
    font-size: 15px;
    color: #190f19;
    text-decoration: none;
}
.mobilemenu nav a {
    margin-bottom: 16px;
    display: block;
}
.mobilemenu nav a:active {
    color: #86368c;
}
.mobilemenu .controls .btn {
    width: 100%;
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 12px;
}
.langs .selected {
    display: none;
}
.langs .variants {
    pointer-events: all;
    opacity: 1;
    display: flex;
    background: transparent;
    margin: 16px 0;
    justify-content: space-between;
    width: 100%;
	justify-content: center;
    gap: 15px;
}
.langs .variants .lngitem i {
    font-size: 0;
    display: none;
}
.socials {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
    margin-top: auto;
    margin-bottom: 20px;
}
.socials svg {
    fill: #86368c;
    max-width: 100%;
    max-height: 100%;
}
header .langs {
    display: none;
}
.section-moretools .duo {
    flex-direction: column-reverse;
}
.section-moretools .right {
    width: 100%;
    max-height: 250px;
}
.section-moretools .img video { 
    max-height: 250px;
    object-fit: contain;
}
.plashka_green .wrap {
    max-width: calc(100% - 24px);
}
.scrolledW .mobile-menu span,
.scrolled .mobile-menu span {
    background: #86368c;
}
.innerform { 
    grid-template-columns: 180px 1fr; 
}
.pricestabs .tabes .tabdata .tab {
    display: none;
    position: relative;
    gap: 20px;
}
.pricestabs .tabes .tabdata .tab.active {
    display: grid;
}
.pricestabs .prices_prof > b {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    width: 40%;
}
.pricestabs .prices_prof div {
    display: flex;
    gap: 20px;
    width: 60%;
}
.pricestabs .prices_prof div p { 
    min-width: unset; 
}
.pricestabs .prices_prof div b { 
    font-size: 22px; 
}
.pricestabs .prices_prof div i { 
    font-size: 28px;
    color: #02ab6b; 
}
.whiteblock .wrap { 
    justify-content: center; 
}
.whiteblock .wrap .img.lottie {
    max-height: 200px;
}
section.modulespromo .left h1 {
    font-size: 36px;
    line-height: 1;
}
section.modulespromo .left .headtitle span {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
}
section.modulespromo .left .intro {
    font-size: 17px;
    padding-right: 24px;
}
section.modulespromo .right {
    width: 55%;
    margin-left: 5%;
}
section.modulespromo .bottom .smt_item { 
    gap: 12px;
    font-size: 14px;
}
section.modulespromo .bottom .smt_item ins {
    width: 80px;
    flex: 1 1 80px;
    min-width: 80px;
}
.colorcards .items .item h3 { 
    font-size: 30px; 
}
.colorcards .items .item {
    font-size: 16px;
}














}

@media (max-width: 992px) { 
	
	
.wrap.duo {
    grid-template-columns: 1fr;
}
.sec_home_2 .right .img video { 
    max-height: 300px;
}
.sec_home_2 .btns {
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: unset;
}	
.sec_home_2 .btns .btn {
    width: 100%;
    flex: 1;
    font-size: 15px;
    padding: 15px 10px;
}
.sec_home_3 .duo {
    display: flex;
    flex-direction: column-reverse;
}
.sec_home_3 .right {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.minifunctions .controls {
    display: none;
}
.minifunctions .items {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
}
.minifunctions .items .mf_item {
    aspect-ratio: unset;
    flex-direction: column;
    gap: 20px;
}
.minifunctions .items .mf_item .img .lottie {
    max-height: 250px;
}
.minifunctions .items .mf_item .inf h3 {
    font-size: 34px;
    margin-bottom: 10px;
}
.minifunctions .items .mf_item .inf p { 
    font-size: 15px;
}
.minifunctions .items .mf_item .inf { 
    margin-bottom: 60px;
}
.section-cards .items {
    gap: 15px;
}
.section-cards .items .card {
    border-radius: 20px;
    width: 100%;
}
.section-cards .items .card svg {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}	
.section-cards .items .card h3 {
    font-size: 30px;
    line-height: 1.1;
}
.section-cards .items .card p {
    margin: 0;
    font-size: 15px;
}
.section-moretools .simplecards { 
    gap: 15px;
}
.section-moretools .simplecards p { 
    font-size: 15px;
}
.plashka_green .btns { 
    gap: 12px; 
}
.plashka_green .btns * {
    flex: 1;
    font-size: 15px;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    border-radius: 10px;
}
.plashka_green b {
    font-size: 25px;
    text-align: center;
}
.section-marviintegrationspromo h2, h2 {
    font-size: 40px;
    margin-bottom: 20px;
}
.sec_home_3.sec_home_3b .right {
    display: none;
}
footer .footertop .wrap {
    grid-template-columns: 1fr;
}
.footerbot svg {
    max-width: 250px;
}
.tabes {
    background: #36498c;
    padding: 20px;
    border-radius: 16px;
    color: #fbf9fb;
}	
.tabes .tabes_select {
    gap: 12px;
}
.tabes .tabes_select span {
    font-size: 15px;
    white-space: nowrap;
    padding: 0 17px;
    flex: 1;
}
.tabes .tabes_conts .btns {
    justify-content: center;
}
.homepromo h1 { 
    font-size: 40px; 
}
.audit .aboutpromo h1 {
    font-size: 40px;
}
.audit .aboutpromo {
    min-height: 80vh;
}
.aboutpromo .bg { 
    height: 100%;
    max-height: unset;
}
.audit .aboutpromo {
    min-height: 80vh;
    display: flex;
    align-items: center;
}
	
.audit .section-cards .items .card p { 
    font-size: 19px;
}
.innerform {
    grid-template-columns: 1fr;
}
.innerform .img.lottie svg {
    max-height: 270px;
}
.demoform .fieldsrow .fieldscol {
    grid-template-columns: 1fr;
}
.block_imgtext2 .wrap {
    display: flex;
    flex-direction: column-reverse;
}
.block_imgtext2 .imag {
    width: 100%;
    max-height: 300px;
}
.block_imgtext2 .imag img {
    max-height: 300px;
    object-fit: contain;
}
.modules .items {
    grid-template-columns: 1fr;
}
.aboutpromo ul {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr;
}
.aboutpromo ul li b {
    font-size: 40px;
    margin-bottom: 10px;
}
.aboutpromo ul li span {
    font-size: 15px;
}
.blockandtext .wrap {
    flex-wrap: wrap;
}
.blockandtext .img { 
    width: 100%; 
}
.blockandtext .txt { 
    width: 100%;
}
.section-team .items {
    display: grid;
}
.section-team .items .teamitem {
    width: 100%;
}
.section-addr .items {
    display: grid;
}
.section-addr .items > div {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}
.section-addr .items > div:last-child {
    
    margin-bottom: 40px;
}
.bigtextarticle .article h2 { 
    font-size: 40px; 
}
.bigtextarticle .article p {
    font-size: 24px;
}
.contactscards .wrap { 
    grid-template-columns: 1fr; 
}
section.freeform.simp .demoform {
    padding: 0;
}
footer .footertop .demoform {
    max-width: 400px;
    margin: 0 auto;
    width: 90%;
}
section.modulespromo .left {
    width: 100%;
    gap: 20px;
    min-height: unset;
    margin-bottom: 40px;
}
section.modulespromo .right {
    width: 100%;
    margin-left: 0;
}
section.modulespromo {
    padding: 48px 15px;
    padding-top: calc(64px + 48px);
}
section.modulespromo .right img {
    border-radius: 12px;
}
section.modulespromo .bottom .wrap {
    display: grid;
    grid-template-columns: 1fr;
}
section.modulespromo .bottom .smt_item {
    position: sticky;
    top: 100px;
}
.simpleimagetext .right { 
    min-height: unset;
    width: 100%;
    gap: 24px;
}
.simpleimagetext .left {
    position: relative;
    top: 0;
    margin-bottom: 40px;
}
.colorcards .items { 
    display: grid;
    grid-template-columns: 1fr;
}
.colorcards .items .item {
    width: 100%;
    min-height: unset;
}
.sec_home_3.texter .right {
    flex: 1;
    width: 100%;
    max-width: 100%;
}
.blogitems .blogsnav .newstags {
    flex-wrap: wrap;
}
.blogitems .items { 
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}


}

@media (max-width: 768px) {
	
.section-cards .items { 
    grid-template-columns: 1fr; 
}
	
	
	
	
}

@media (max-width: 576px) {
	
	
.homepromo .btns {
    gap: 15px;
}
.homepromo .btns .btn {
    width: 100%;
    max-width: 320px;
    font-size: 17px;
}
.sec_home_2 .btns {
    flex-direction: column;
    gap: 10px;
}
.btn {
    border-radius: 10px;
    padding: 10px 32px;
    font-size: 17px;
}	
.section-marviintegrationspromo h2, h2 {
    font-size: 38px;
    margin-bottom: 14px;
}
.sec_home_3 .intro {
    font-size: 20px;
}
.sec_home_3 .intro {
    font-size: 17px;
}
ul.ok {
    font-size: 17px;
}
	
.sec_home_3 h3 {
    margin-top: 20px;
}	
h3 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 15px;
}
.section-mini .left h2 {
    font-size: 30px;
}
.section-mini .right .img {
    max-width: 80vw;
    max-height: 300px;
    margin-left: auto;
}
.section-moretools .simplecards { 
    grid-template-columns: 1fr; 
}	
.section-marviintegrationspromo .wrapin {
    width: 90%;
    margin: 0 auto;
    padding: 24px;
}
.section-marviclients p { 
    text-align: justify;
    font-size: 17px; 
    padding: 0 10px;
}
.section-marviclients ul {
    grid-template-columns: repeat(2, 1fr);
}
.sec_home_3.sec_home_3b h3 {
    font-size: 20px;
}
.sec_home_3 .left { 
    font-size: 17px;
}
.minifunctions .items .mf_item .img { 
    flex: unset; 
}	
.minifunctions .items .mf_item .inf {
    margin-bottom: 0;
}	
.section-reviews .itemswrap {
    overflow: hidden;
}
.newscontainer .itemswrap {
    overflow: hidden;
}
.section-mini .right .img {
    overflow: hidden;
}
.section-mini .right .img video {
    max-width: 100%;
    object-fit: contain;
}	
.modal .win {
    padding: 40px 30px 24px 30px;
}
.tabes .tabes_select {
    gap: 12px;
    padding: 8px;
}
.tabes .tabes_select span {
    font-size: 14px;
    padding: 0 12px;
}
.tabes .tabes_conts > div { 
    padding: 0 10px;
}
.sidebysidecards div strong, .sidebysidecards div b {  
    font-size: 30px; 
}	
.sidebysidecards .wrap > div { 
    border-radius: 20px;
    padding: 40px 30px;
    max-width: 700px;
    margin-bottom: 20px;
}	
.stepbystepcards .items > div .img {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    border-radius: 16px;
}	
.stepbystepcards .items > div:after {
    top: 80px;
    left: 40px;
}
.stepbystepcards .items > div .txt {
    padding-left: 20px;
    font-size: 16px;
    margin: 0;
    display: flex;
    align-items: top;
}
.stepbystepcards .items > div {
    padding-bottom: 0;
    min-height: 160px;
}	
.homepromo h1 {
    font-size: 32px;
    padding: 0 15px;
    max-width: 100%;
}	
.homepromo p { 
    font-size: 20px;
    line-height: 1.2;
    max-width: 100%; 
}
.innerform {
    padding: 60px 0px;
}	
	
.pinkblock .txt b { 
    font-size: 30px 
}	
.pinkblock .wrap {
    flex-direction: column;
    gap: 20px;
    text-align: center;
    justify-content: center;
}	
.pinkblock .txt {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.aboutpromo h1 { 
    font-size: 40px; 
}
.pricestabs .tabes .tabdata .tab { 
    grid-template-columns: 1fr; 
}	
.pricestabs .prices_prof {
    border-radius: 20px;
    padding: 40px;
    display: grid;
}
.pricestabs .prices_prof > b { 
    width: 100%;
}
.pricestabs .prices_prof div { 
    width: 100%;
}
.pricestable .trows .items .trow > div {
    min-width: 30vw;
    width: 30vw;
}
.pricestable .trows .items .trow > div.sim {
    width: 40px;
    min-width: 40px;
}
.pricestable .trows .items .trow > div.sim {
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.pricestable .trows .items .trow {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}
.pricestable .trows .items .trow > div {
    min-width: unset;
    width: 100%;
    text-align: center;
}
.pricestable .trows .items .trow > div.sim {
    width: 30%;
    min-width: 40px;
    height: 40px;
    flex: 1;
    background-repeat: no-repeat;
    background-position: center;
}
.pricestable .trow.thed > div:not(.sim) {
    display: none;
}
.pricestable .trow.thed > div.sim {
    display: block;
    width: 33%;
    flex: 1;
    text-align: center;
}
.pricestable .trow.thed {
    display: flex;
}
.pricestable .trows h2 {
    font-size: 20px;
}
.pricestable .trows .trow .sim.val {
    background: none;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.demorules {
    padding: 24px 0;
    display: grid;
}
.demorules > .img {
    position: relative;
}
.demorules .wrap {
    max-width: 90%;
    margin: 0 auto;
}
.customs .wrap { 
    grid-template-columns: 1fr;
}
.prices .section-cards .items {
    display: grid; 
}
.prices .section-cards .items .card { 
    width: 100%;
}
.prices .section-cards .items .card:nth-child(4), .prices .section-cards .items .card:nth-child(5) {
    width: 100%;
}
.adnot b {
    font-weight: 400;
    font-size: 40px;
    line-height: 1.2;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
.adnot p { 
    font-size: 17px; 
}
.adnot .tel { 
    font-size: 28px; 
}
.simpleimagetext .wrap .right p { 
    font-size: 17px;
}
.simpleimagetext .wrap .right h2 {
    font-size: 36px;
}
.simpleimagetext .wrap .right h3 {
    font-size: 26px; 
}
.section-team .wrap > p { 
    font-size: 17px; 
}
.section-team h2 { 
    font-size: 40px; 
}
.section-team .items .teamitem .txt { 
    font-size: 17px;
}
.bigtextarticle .article p {
    font-size: 17px;
}
.bigtextarticle .article h2 {
    font-size: 28px;
}
.faq .faq-item .th2 { 
    font-size: 20px;
    line-height: 1.2;
    padding-right: 20px;
}
.faq .faq-item .ch2 { 
    font-size: 17px; 
}
.module .simpleimagetext .img.lottie {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
}
.events .tabbedevents .tabs a {
    margin: 0;
    text-align: center;
    padding: 0 20px;
    font-size: 14px;
}
.events .tabbedevents .tabs { 
    gap: 8px; 
}

.blogitems .items {
    grid-template-columns: 1fr; 
}
section.article article h2 {
    font-size: 28px;
}
section.article article {
    font-size: 17px;
}
.minifunctions .items .mf_item { 
    width: 100%; 
}
.blogitem .aboutpromo h1 {
    font-size: 28px;
}
.articlecontrols .btn {
    padding: 14px 12px;
    font-size: 14px;
}
.blogitem .aboutpromo {
    margin-bottom: 40px;
}


section.colorcards h2 { 
    font-size: 40px; 
}
.btn:hover {
	color: #fbf9fb;
    background: #86368c;
    transform: translateY(0px);
}
.btn:active {
    background: #85c3ff;
    color: #fbf9fb;
    transform: translateY(-7px);
}

.section-marviintegrationspromo h2, h2 {
    font-size: 34px; 
}
.minifunctions .items .mf_item,
.colorcards .items .item,
.modules .items .module {
    max-width: calc(100vw - 20px);
    max-width: calc(100svw - 20px);
}

.sec_home_3 .mac .imacfront1 { 
    top: 0.71%;
}
.sec_home_3.texter .right .img.mac span {
    font-size: 12px;
    padding: 8px 12px;
}
.minifunctions h2,
.section-reviews h2 { 
    margin-bottom: 40px;
}
section {
    margin-bottom: 40px;
}
.module .t2 { 
    font-size: 34px;
    line-height: 1.2em; 
}
.module .tx {
    font-size: 17px; 
    line-height: 1.3em; 
}
.pinkblock .txt b {
    font-size: 27px;
}
.pricestable .trows h2 {
    font-size: 20px;
    align-items: center;
}
.pricestable .trows h2:after {display:none;}
.demorules .wrap h2,
.whiteblock h2,
.customs .wn h2 { 
    font-size: 36px; 
}
.moduleravita section.modulespromo .left h1 {
    font-size: 32px;
}
.events .eventsitems .ev_item b {
    font-size: 18px;
    padding-right: 20px;
}
.webinar .intro h1 {
    font-size: 25px;
    line-height: 1.2;
}
.blog .aboutpromo h1 {
    font-size: 40px;
    text-align: center;
}
.blog .aboutpromo h1 {
    font-size: 32px;
    text-align: center;
}
section.article article { 
    max-width: 100%;
    overflow-x: hidden;
}
.minifunctions .items {
    transform: none !important;
}
}



.blog section.article article h1 {
    display: none;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



@media (max-width: 991px) {
    .section-reviews .items .review {
        width: 100%;
        min-width: 100%;
    }
.section-reviews .items .review .author {
    height: auto; 
}
}