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

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

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

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

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

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

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

@media only screen and (max-width: 820px) {
    .how-steps__item__c.is--b {
        display: flex;
        flex-direction: column;
    }

    .how-steps__item__c.is--b .how-steps__item__info.is--b {
        width: 100%;
        padding: 0;
    }

    figure.how-steps__item__img-w.is--b {
        width: 100%;
    }

    .how-steps__item__step.is--b {
        font-size: 16px;
    }

    h2.how-steps__item__h.is--b {
        font-size: 26px;
    }

    p.how-steps__item__p.is--b {
        font-size: 14px;
        margin: 0 0 20px 0;
        line-height: 1.3;
    }

    .img-a.w-background-video.w-background-video-atom {
        height: 50vh;
    }

    .glass-calendar {
        transform: scale(0.6);
    }
	article.how-steps__item.is--b {
		display: flex;
		align-items: flex-end;
		padding: 0 0 30px 0;
	}

}

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

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

@media only screen and (max-width: 380px) and (max-height: 667px) {
}

@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
}