@media screen and (max-width:1660px){
    .main-block-right {
        position: absolute;
        right: 20px;
        transform: none;
    }
}

@media screen and (max-width:1550px){
    header {
        height: 88px;
    }
    .header-right nav {
        display: none;
    }
    .anchor {
        top: -88px;
    }
    .container{
        width: var(--tab-hor-container-width);
    }
    /**
    mobile-menu
     */
    .mobile-menu {
        display:flex;
    }
    .menu-aside{
        position:fixed;
        height:100%;
        width:100%;
        z-index:1000;
        right:-105%;
        top:0;
        transition: all ease-in .2s;
    }
    .menu-aside .aside-wrapper{
        background:#fff;
        width: 594px;
        height:100%;
        position:fixed;
        right:-105%;
        padding:40px;
        transition: all ease-in .2s;
        box-shadow:0 1px 30px rgba(0,0,0,.1);
        box-sizing: border-box;
    }
    .menu-aside.active{
        right:0;
    }
    .menu-aside.active .aside-wrapper{
        right:0;
    }
    .menu-aside #close-menu{
        color: var(--font-black);
        position:absolute;
        top:20px;
        right:20px;
    }

    .menu-aside nav {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
    .menu-aside nav div {
        margin-bottom: 56px;
    }
    .menu-aside nav a {
        margin-bottom: 56px;
        font-size: 24px;
        font-weight: bold;
        color: var(--dark-blue);
    }
    .mobile-menu .side-elements {
        position: absolute;
        bottom: 32px;
        display: flex;
        flex-direction: column;
        width: calc(100% - 80px);
    }

    .mobile-menu .side-elements .auth-button {
        width: 100%;
        text-align: center;
        border: 1px solid;
        border-color: var(--general-blue);
        border-radius: 24px;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0;
        color: var(--font-white);
        background: var(--general-blue);
    }

    .mobile-menu .side-elements .login-button {
        margin-bottom: 16px;
        background: #fff;
        color: var(--general-blue);
    }
    .header-wrapper nav {
        display: none;
    }
    .header-wrapper .side-elements {
        margin-right: 24px;
    }
    .drop-down{
        margin-right: 24px;
    }
    .mobile-menu-button {
        display: block;
    }
    .banner {
        padding-top: 88px;
    }
    .banner-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .banner-labels {
        display: flex;
        width: 100%;
        margin-bottom: 16px;
    }
    .banner-label-white {
        padding: 2px 10px;
    }
    .banner-label-yellow {
        position: initial;
        transform: none;
        padding: 2px 10px;
    }
    .main-page {
        padding-top: 88px;
        padding-bottom: 60px;
    }
    .main-wrapper {
        flex-direction: column;
    }
    .main-block-left {
        margin-top: 65px;
        z-index: 9;
    }
    .main-block-right {
        position: initial;
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    .main-decoration {
        top: 276px;
        right: -232px;
        opacity: 0.5;
    }
    .features-decoration {
        display: none;
    }
    .features-container {
        justify-content: flex-start;
    }
    .features-info {
        width: 100%;
        margin-top: 64px;
    }
    .features-header {
        font-size: 42px;
        max-width: 960px;
    }
    .features-list-item:last-child {
        margin-bottom: 64px;
    }
    .pricing-stickers {
        margin: 64px 0 24px;
    }
    .pricing-header {
        font-size: 42px;
    }
    .pricing-labels {
        width: 696px;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .pricing-labels-item {
        margin-bottom: 24px;
    }
    .pricing-labels-item:first-child {
        margin-right: 24px;
    }
    .pricing-labels-item:last-child {
        margin-bottom: 0;
    }
    .pricing-info-disclaimer {
        margin-bottom: 64px;
    }
    .platform {
        overflow: hidden;
    }
    .platform-wrapper {
        margin: 64px 0 34px;
    }
    .platform-info {
        width: 76%;
    }
    .platform-header {
        font-size: 42px;
    }
    .platform-decoration {
        right: -195px;
    }
    .feedback-wrapper {
        margin: 64px 0;
    }
    .feedback-header {
        font-size: 42px;
    }
    .feedback-block-left {
        width: 42%;
    }
    .feedback-block-right {
        width: 48%;
    }
    .footer-cert {
        width: 40px;
    }
}
@media screen and (max-width:1360px){
    .pricing-cards {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pricing-cards-item-wrapper {
        width: 48%;
        margin-right: 0;
    }
    .pricing-cards-item-wrapper:hover {
        width: 48%;
    }
    .pricing-cards-item-wrapper:last-child {
        margin-top: 32px;
        margin-right: 0;
        transform: translateX(-50%);
        margin-left: 50%;
    }
    .pricing-cards-item-wrapper:last-child:hover {
        transform: translateX(-50%) scale(1.04);
    }
}

@media screen and (max-width:900px){
    .container{
        width: var(--tab-ver-container-width);
    }
    .stickers {
        justify-content: center;
    }
    .sticker:last-child {
        margin-right: 0;
    }
    .header {
        font-size: 42px;
    }
    .main-page {
        padding-top: 80px;
        padding-bottom: 66px;
    }
    .main-header {
        text-align: center;
        margin-bottom: 24px;
    }
    .main-description {
        margin-bottom: 24px;
    }
    .main-contact-button {
        width: 100%;
        text-align: center;
    }
    .main-block-left {
        width: 100%;
    }
    .main-block-right {
        margin-top: 186px;
    }
    .main-decoration {
        width: 100%;
        top: initial;
        bottom: 10%;
        right: -25%;
    }
    .main-video {
        width: 100%;
    }
    .pricing-cards {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
    }
    .pricing-cards-item-wrapper {
        width: 100%;
        max-width: 456px;
        margin-bottom: 40px;
        margin-right: 0;
    }
    .pricing-cards-item-wrapper:last-child {
        margin: 0;
        transform: none;
    }
    .pricing-cards-item-wrapper:hover {
        width: 100%;
    }
    .pricing-cards-item-wrapper:last-child:hover {
        transform: scale(1.04);
    }
    .pricing-info-wrapper {
        max-width: 100%;
        text-align: center;
        margin-bottom: 16px;
    }
    .platform-wrapper {
        margin: 64px 0 0;
    }
    .platform-info {
        width: 72%;
    }
    .platform-decoration {
        right: -232px;
    }
    .feedback-wrapper {
        flex-direction: column;
    }
    .feedback-block-left {
        width: 100%;
    }
    .feedback-icon-and-header-wrapper {
        display: flex;
    }
    .feedback-header {
        margin-left: 16px;
    }
    .feedback-block-right {
        width: 100%;
        max-width: 390px;
        margin-top: 40px;
    }
    .feedback-form {
        padding: 24px;
    }
}

@media screen and (max-width:770px){
    .pricing-labels {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-bottom: 32px;
    }
    .pricing-labels-item {
        width: 332px;
    }
    .pricing-labels-item:first-child {
        margin-right: 0;
    }
    .pricing-labels-item-text {
        width: initial;
    }
    .platform-info {
        width: 100%;
    }
    .platform-description {
        margin-bottom: 0;
    }
    .platform-decoration {
        margin: 40px 0;
        position: initial;
        transform: none;
        width: 100%;
    }
    .platform-contact-button {
        width: 100%;
        text-align: center;
    }
    .footer-wrapper {
        flex-direction: column;
    }
    .footer-logo-and-certs {
        margin-bottom: 40px;
    }
    .footer-links {
        margin-bottom: 40px;
    }
    .footer-brands {
        margin-bottom: 40px;
    }
}

@media (max-width:600px){
    header {
        height: 80px;
    }
    .anchor {
        top: -80px;
    }
    .container{
        width: var(--mobile-container-width);
    }
    .header-wrapper .side-elements {
        display: none;
    }
    .drop-down{
        margin-right: 44px;
    }
    .menu-aside .aside-wrapper{
        width:95%;
        height:100%;
        padding:20px;
    }
    .menu-aside nav {
        position: initial;
        transform: none;
    }
    .mobile-menu .side-elements {
        width: calc(100% - 40px);
    }
    .menu-aside nav {
        margin-top: 50px;
    }
    .banner {
        padding-top: 80px;
    }
    .main-block-right {
        margin-top: 130px;
    }
    .features-stickers {
        flex-wrap: wrap;
    }
    .features-stickers .sticker {
        margin-bottom: 16px;
        margin-right: 16px;
    }
    .features-stickers .sticker:last-child {
        margin: 0;
    }
    .pricing-labels {
        width: 90%;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
    }
    .platform-wrapper {
        margin: 64px 0;
    }
    .feedback-wrapper {
        margin-top: 0;
    }
    .feedback-header {
        font-size: 32px;
    }
}

@media (max-height: 600px) and (min-width: 600px){
    .menu-aside nav {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 80px);
    }
}

@media (max-width: 600px) and (max-height: 600px){
    .menu-aside {
        overflow: auto;
    }
    .menu-aside .aside-wrapper {
        min-height: 600px;
        position: absolute;
    }
}

@media (min-width: 600px) and (max-height: 360px){
    .menu-aside {
        overflow: auto;
    }
    .menu-aside .aside-wrapper {
        min-height: 360px;
        position: absolute;
    }
}

@media (max-width:395px){
     .features-stickers .sticker {
        margin-right: 0;
    }
}