@media screen and (max-width: 768px){
    .header__content{
        padding: 16px 20px;
    }
    .header__left{
        display: none;
    }
    .header__right{
        padding-right: 0;
    }
    .call__btn > p{
        font-size: 13px;
    }
    .main__section{
        height: auto;
    }
    .main__section-content{
        display: flex;
        height: auto;
        flex-direction: column-reverse;
    }
    .main__section-left, .main__section-right{
        width: 100%;
    }
    .main__section-left{
        height: auto;
        justify-content: flex-start;
    }
    .main__section-right{
        height: 270px;
    }
    .main__section-left{
        padding-top: 24px;
    }
    .main__left-logo{
        display: none;
    }
    .main__left-text-block{
        padding: 0 20px;
        gap: 20px;
    }
    .main__left-text-top{
        gap: 2px;
        align-items: flex-start;
    }
    .main__left-text-top p, .main__left-title{
        text-align: left;
    }
    .main__left-text-top > p{
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 153.846% */
        letter-spacing: 0.26px;        
    }
    .main__left-title{
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        line-height: 52px; /* 108.333% */        
    }
    .main__left-text-desktop{
        display: none;
    }
    .main__left-text-mobile{
        display: block;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 153.846% */
        letter-spacing: 0.26px;        
    }
    .main__left-address{
        padding: 14px 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;            
    }
    .main__left-address > p{
        text-align: left;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 153.846% */
        letter-spacing: 0.26px;        
    }
    .main__left-text-bottom{
        padding-bottom: 24px;
    }
    .main__left-form{
        padding: 32px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;        
    }
    .main__left-form-title{
        display: none;
    }
    .input__field{
        padding: 10px 12px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;   
        height: 46px;     
    }
    .main__form-inputs-block{
        flex-direction: column;
        gap: 8px;
    }
    .main__form-text-block{
        flex-direction: column-reverse;
    }
    .main__form-text-block > p{
        text-align: center;
    }
    .bottom__section-content{
        flex-direction: column;
    }
    .bottom__section-left, .bottom__section-right{
        width: 100%;
    }
    .bottom__section-right{
        padding-top: 0;
    }
    .bottom__section-left-title-block{
        display: none;
    }
    .bottom__section-info {
        flex-direction: column;
        gap: 0;
        padding: 0;
    }
    .bottom__section-info-top{
        gap: 16px;
    }
    .bottom__section-info-top-icon svg{
        width: 40px;
        height: 40px;
    }
    .botom__section-info-title{
        font-size: 21px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 114.286% */
        letter-spacing: 0.63px;        
    }
    .bottom__section-info-top-txt > p:nth-child(2){
        font-size: 13px;
        line-height: 19px; /* 146.154% */
        letter-spacing: 0.26px;        
    }
    .contacts__block-top > p:nth-child(1){
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 153.846% */
        letter-spacing: 0.26px;        
    }
    .contacts__block-top > p:nth-child(2){
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 100% */
    }
    .modal__mobile-logo{
        display: block;
        padding-left: 20px;
    }
    .modal__content{
        width: 95%;
    }
    .modal__close-block{
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
    }
    .modal__title-block{
        margin-top: 44px;
    }
    .modal__title-block > p:nth-child(1){
        font-size: 36px;
        line-height: 36px; /* 100% */
        text-transform: uppercase;
        text-align: left;        
    }
    .modal__title-block > p:nth-child(2){
        text-align: left;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 153.846% */
        
    }
}