@media (max-width: 953px) {
    .container{
        padding: 0 40px;
    }
    .main__img img{
        border-radius: 112px 112px 0 0;
    }
    .main__img:after{
        width: 59px;
        height: 59px;
        top: 0;
        right: 12px;
    }
    .main__img{
        max-width: 350px;
    }
    .main__left{
        padding: 19px 0 0 0;
    }
    .main__wrapper{
        gap: 0 30px;
    }
    .main__left-wrap{
        gap: 0 30px;
        padding-bottom: 26px;
        margin-bottom: 26px;
    }
    p{
        font-size: 13px;
    }
    .logo{
        display: none;
    }
    .logo.md{
        display: block;
        max-width: 289px;
        margin: 0 auto 42px;
    }
    .main{
        padding: 43px 0 0 0;
    }
    .wrapper .container{
        gap: 0;
    }
    .contacts , .form{
        width: 50%;
        flex-shrink: 0;
    }
    .form{
        padding: 41px 33px 0 0;
        flex-shrink: inherit;
    }
    .contacts{
       width: 350px;
        flex-grow: inherit;
    }
    .contacts__wrap{
        background: #f6f6fd;
    }
    .contacts:after{
        background: #efeffc;
        left: 100%;
    }
    .contacts__wrap{
        padding: 42px 30px 36px 30px;
    }
    .title{
        font-size: 22px;
    }
    .form .title {
        margin-bottom: 15px;
    }
    .input__text{
        font-size: 13px;
        line-height: 15px;
        padding: 0 4px 2px 4px;
    }
    .input:not(:last-child) {
        margin-bottom: 15px;
    }
    .b-textarea{
        height: 77px;
        font-size: 13px;
        line-height: 15px;
        padding: 4px 6px;
    }
    .primary-btn{
        width: 131px;
        height: 32px;
        font-size: 13px;

    }
    .input__text::-webkit-input-placeholder{
        font-size: 13px;
        line-height: 15px;
    }
    .input__text:-moz-placeholder{
        font-size: 13px;
        line-height: 15px;
    }
    .b-textarea::-webkit-input-placeholder{
        font-size: 13px;
        line-height: 15px;
    }
    .b-textarea:-moz-placeholder{
        font-size: 13px;
        line-height: 15px;
    }
    .contacts img{
        max-width: 189px;
        margin: 28px auto 0;
    }
    .copyright{
        line-height: 40px;
    }
    .b-container{

    }
    .contacts .title{
        margin: 0 0 15px 0;
    }
}
@media (max-width: 767px) {
    .main{
        padding: 47px 0 0 0;
    }
    .container{
        padding: 0 25px;
    }
    .logo.md{
        max-width: 320px;
        margin: 0 auto 52px;
    }
    .main__wrapper{
        flex-direction: column;
        gap: 40px 0;
    }
    .main__left-wrap{
        display: block;
        padding: 0;
        margin: 0;
        border: none;
    }
    .main__left-col{
        width: 100%;
        padding-bottom: 22px;
        margin-bottom: 22px;
        border-bottom: 1px dashed #5153a3;
    }
    p{
        font-size: 15px;
    }
    .main__img{
        margin: 0 auto 0;
    }
    .main__img img{
        border-radius: 103px 103px 0 0;
    }
    .main__img:after {
        width: 54px;
        height: 54px;
        top: 0;
        right: 11px;
    }
    .wrapper .container{
        display: block;
    }
    .form{
        padding: 34px 0 27px 0;
        max-width: 100%;
    }
    .contacts, .form{
        width: 100%;
    }
    .title{
        font-size: 26px;
        text-align: center;
    }
    .form .title{
        margin-bottom: 23px;
    }
    .input__text{
        font-size: 15px;
        line-height: 17px;
        padding: 0 4px 2px 4px;
        text-align: center;
    }
    .input__text::-webkit-input-placeholder{
        font-size: 15px;
        line-height: 17px;
    }
    .input__text:-moz-placeholder{
        font-size: 15px;
        line-height: 17px;
    }
    .b-textarea::-webkit-input-placeholder{
        font-size: 15px;
        line-height: 17px;
    }
    .b-textarea:-moz-placeholder{
        font-size: 15px;
        line-height: 17px;
    }
    .input:not(:last-child) {
        margin-bottom: 23px;
    }
    .b-textarea{
        text-align: center;
        font-size: 15px;
        line-height: 17px;
    }
    .primary-btn{
        width: 100%;
        height: 42px;
        font-size: 15px;
    }
    .contacts__wrap{
        background: #f6f6fd;
        text-align: center;
        padding: 35px 0 38px 0;
    }
    .contacts:after{
        background: #f6f6fd;
        right: auto;
        left: 0;
    }
    .contacts:before{
        position: absolute;
        top: 0;
        background: #f6f6fd;
        left: auto;
        right: 0;
        content: "";
        width: 9999999px;
        height: 100%;
    }
    .contacts img{
        max-width: 234px;
        margin: 26px auto 0;
    }
    .footer{
        position: static;
    }
    .copyright{
        line-height: 46px;
    }
    .b-container{
        padding: 0;
    }
}