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

html {
    font-size: 1rem;
}

body, html {
        overflow-x: hidden;
}

.container {
    padding: 0 0.9375rem;
    max-width: 23.75rem;
}

.hero {
    padding-bottom: 3rem;
}

.header__cta, .header__nav, .chart__card, .footer__brand_pc .footer__brand-text {
    display: none;
}

.header__brand {
    width: 9rem;
}

.header {
    padding: 0.3rem 0;
}

.hero__content {
   margin-top: 0;
}

.hero__title {
    font-size: 2.25rem;
}

.hero__ship {
    width: 10rem;
            z-index: 0;
bottom: 18.5%;
}

.hero__buttons {
    flex-direction: column;
    gap: 0.875rem;
        margin: 1.25rem 0;
}

.pt {
    padding-top: 7rem;
}

.hero__buttons a {
    width: 10.5rem;
}

.btn-main {
    min-width: auto;
        padding: 12px 4px;
}

.btn-second {
     padding: 12px 4px;
}

.hero__email {
    font-size: 1.25rem;
}

.hero__socials {
    font-size: 0.875rem;
}

.page-hero {
        height: 90vh;
}

.page-hero__title {
    font-size: 2.5rem;
}

.contacts__item a ,.team__top p ,.about__content ,.join__content p ,.choose__list > div > div:last-child ,.footer__col ul li a  ,.chart__lead p , .page-hero__breadcrumbs, .painpoints__text, .services__card ul li, .advantages__text {
    font-size: 1rem;
}


.painpoints {
    padding: 1.25rem 0 5rem;
}

.section-title h2 {
    font-size: 1.625rem;
}


.section-title::after {
    width: 37%;
    height: 0.125rem;
}

.painpoints__grid {
    grid-template-columns: 1fr;
    margin-top: 2.75rem;
    gap: 3.125rem;
}

.painpoints__left {
       grid-template-columns: 1fr; 
}

.painpoints__card {
        min-height: auto;
        background: transparent;
}

.painpoints__icon {
    width: 1.875rem;
    margin-bottom: 0.9375rem;
}

.painpoints__card:nth-child(2n+1) {
        background: #1E3A5F;
}

.elements_right {
    top: 5%;
    right: 1%;
    width: 5.375rem;
}

.elements_left, .elements_bottom {
    bottom: -5%;
    width: 6.375rem;
}

.services {
    padding: 9.75rem 0 5rem;
}

.services__grid, .choose__grid {
    grid-template-columns: 1fr;
    gap: 2.25rem;
    margin-top:3rem;
}

.services__card h3, .join__content h3, .team__top h3 {
    font-size: 1.4rem;
}

.services__card {
    padding: 1.5rem;
}

.services__card ul li::before {
    width: 12px;
    height: 12px;
}

.services__card ul li {
    padding-left: 1.5rem;
}

.advantages__grid {
    grid-template-columns: 1fr;
   gap: 2.5rem;
}

.advantages {
    padding: 2.25rem 0 4.125rem;
}

.advantages__col--left {
    order: 2;
        gap: 2.5rem;
        margin-top: 1rem;

}

.advantages__col--right {
    order: 3;
        gap: 2.5rem;

}

.advantages__item {
    grid-template-columns: 2.5rem 1fr;
    gap: 0.9375rem;
}

.advantages__title {
    max-width: 20rem;
}

.advantages__container .elements_right {
    right: 3%;
}


.advantages__container .elements_left {
    top: -3%;
    left: -5%;
}


.advantages__container .elements_center {
    top: 45%;
    width: 100%;
}

.chart__grid {
    grid-template-columns: 1fr;
    gap: 4rem;
}

.chart {
    padding: 3.375rem 0 0;
}

.chart__field input, .chart__field textarea, .chart__field select {
    font-size: 0.9rem;
}

.footer__container {
    grid-template-columns: 1fr;
    gap: 3rem;
            text-align: center;
}

.footer__label {
    font-size: 1.2rem;
}

.footer__logo {
    margin: auto auto 1.5rem;
}

.footer__socials, .footer__contacts li {
    justify-content: center;
}

.footer__brand_mob {
    display: block;
}

.footer {
    padding: 5rem 0 2rem;
}

.footer__brand-text p {
    font-size: .8rem;
}

.choose__media img {
    width: 78%;
    height: 19.0117rem;
    border-radius: 0.375rem 7.9375rem 0.375rem 0.375rem;
}

.choose__media::after {
    width: 9.75rem;
    left: 33%;
}

.choose__list > div > div:first-child {
    font-size: 3.375rem;
}

.choose__list > div {
    grid-template-columns: 3.5625rem 1fr;
}

.choose, .join, .about {
    padding: 3.25rem 0;
}

.join__card {
    grid-template-columns: 1fr;
    margin-top: 3rem;
}

.join__image {
    height: 14.375rem;
}

.join__image::after {
    width: 9.75rem;
    height: 0.25rem;
    left: 2.125rem;
}

.join__content, .join__card--reverse .join__content {
    padding: 1.8125rem 0.75rem 1.8125rem 0.375rem;
}

.join__card--reverse .join__image::after {
    height: 9.75rem;
    width: 0.25rem;
}

.join__container .elements_left {
    left: -4%;
    top: 2%;
}

.join__container .elements_right {
    right: 1.3125rem;
}

.join__container .elements_bottom {
    bottom: -1.4375rem;
}

.join__container .elements_center {
    top: 51%;
    width: 100%;
}

.about__image {
width: 20.25rem;
        top: auto;
        transform: none !important;
        bottom: 3rem;
        opacity: 0.3 !important;
}

.about::after {
    height: 6.625rem;
}

.about__info {
    width: 100%;
    margin-left: 0;
}



.team__container .elements_right {
    top: 3%;
    right: 2rem;
}

.team__top img {
    width: 4.5625rem;
    height: 4.5625rem;
    margin: auto auto 0.5rem;
}

.team__grid {
    gap: 2rem;
}

.team__container .elements_center {
    top: 43%;
    width: 100%;
}

.team {
    padding: 1.125rem 0 3rem;
}

.contacts {
    padding: 1.25rem 0 4rem;
}

.contacts__logo {
    width: 8.125rem;
}

.section-title_contact h2 {
    font-size: 2rem;
}

.section-title_contact {
    margin: 1.5rem 0 3.75rem;
}

.contacts__grid {
    gap: 3rem;
    flex-direction: column;
}

.map__container{ 
    margin-top: 4rem;
}

.map__frame img, .map__frame iframe {
    height: 19.25rem;
}

 .m-menu {
    display: block;
}

.burger {
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

}