/* стили основного контейнера */
@media screen and (max-width: 1210px) {
	.app-wrapper .container{
		max-width: 991px;
	}
}
/* стили для больших планшетов - начало */
@media screen and (max-width: 991.98px) {
	.app-wrapper .container{
		max-width: 767px;
	}
}
/* стили для средних планшетов - начало */
@media screen and (max-width: 767.98px) {
	.app-wrapper .container{
		max-width: none;
	}
}

/* --------------------------------------- */
/* стили контейнера для tools-page */

@media screen and (max-width: 1280px) {
	.tools__container{
		max-width: 991px;
	}
    .tools-box{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .tools__fonts{
        margin-top: 0px;
    }
    .tools__main::before {
        width: 100%;
        bottom: -255px;
    }
    .tools__fonts{
        max-width: 515px;
        width: 100%;
    }
    .fonts__item{
        text-align: center;
        margin-bottom: 10px;
    }
}
/* стили для больших планшетов - начало */
@media screen and (max-width: 991.98px) {
	.tools__container{
		max-width: 767px;
	}
    .tools__main::before {
        bottom: -385px;
    }
    .tools-box {
        padding-bottom: 465px;
    }
    .card-block__img:nth-child(1) {
        transform: translate(170px, 0px);
    }
    .card-block__img:nth-child(2) {
        transform: translate(-645px, 185px);;
    }
    .tools__title-block::before{
        display: none;
    }
    .tools__title-block {
        padding-top: 50px;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .card-block__img{
        height: 100%;
        width: 100%;
    }
    .tools__card-block{
        display: none;
    }
    
}
/* стили для средних планшетов - начало */
@media screen and (max-width: 767.98px) {
	.tools__container{
		max-width: none;
	}
    .tools__main {
        padding-right: 0px;
        padding-left: 0px;
    }
    .btn-1, .btn-2, .btn-3, .btn-4, .btn-5, .btn-6{
        max-width: none;
    }
    .palette__title{
        text-align: center;
        margin-bottom: 30px;
    }
    .font-name,
    .font-regular,
    .font-medium,
    .font-demibold,
    .font-bold{
        font-size: 45px;
        line-height: 45px;
    }
    .tools__main::before{
        display: none;
    }
    .tools-box{
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 479px) {
    .font-name,
    .font-regular,
    .font-medium,
    .font-demibold,
    .font-bold{
        font-size: 35px;
        line-height: 35px;
    }
}

/* Все основные стили адаптива */
@media screen and (min-width: 1211px){
    #burger-menu{
        display: none;
    }
}
@media screen and (max-width: 1440px){
    .header__logo {
        margin-right: 38px;
    }
    .nav-menu__items{
        gap: 0px;
    }
    .developer::before {
        left: -130px;
    }
    .developer::after{
        display: none;
    }
    .developer__content::before{
        height: 66px;
        width: 66px;
        left: 0px;
    }
    .aboute::after {
        right: -342px;
    }
    .app-form::before {
        left: -127px;
    }
    .app-form::after{
        display: none;
    }
    .app-form__block::before {
        top: 333px;
        left: -6px;
    }
}
@media screen and (max-width: 1400px){
    .nav-menu__item a{
        font-size: 16px;
    }
    .header__block{
        padding: 24px 54px 85px 31px;
    }
    .menu-burger-hidden-items{
        padding-right: 58px;
        margin-bottom: 115px;
    }
    .menu-burger-hidden-contacts{
        padding-right: 9px;
    }
}
@media screen and (max-width: 1210px){
    .header__nav-menu{
        display: none;
    }
    .header__contacts{
        display: none;
    }
    .img-item__phone {
        top: -145px;
    }
    .img-item__phone svg,
    .img-item__phone canvas {
        width: 800px;
    }
    .img-item__phone canvas {
        top: 123px;
    }
    .developer{
        margin-bottom: 150px;
    }
    .mobile__img svg{   
        height: 500px;
        width: 500px;
    }
    .mobile{
        margin-bottom: 200px;
    }
    .intro__title{
        font-size: 22px;
        width: 350px;
    }
    .aboute-accordion__info{
        font-size: 16px;
    }
    .aboute-accordion__block{
        padding: 20px 30px 20px 74px;
        gap: 50px;
    }
    .aboute-accordion__content-block{
        gap: 50px;
    }
    .aboute-accordion__info{
        max-width: 210px;
    }
    .aboute-accordion__image{
        left: 350px;
    }
    .aboute-accordion__image img{
        height: 100%;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__image{
        top: -2px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__block{
        padding: 73px 30px 73px 74px;
    }
    .form__policy{
        padding-left: 38px;
    }
    .form-last-block-checkbox__label{
        right: auto;
    }
    .form__last-block{
        padding-right: 0px;
    }
    .output{
        margin-bottom: 33px;
    }
    .footer__items{
        justify-content: space-between;
    }
    .footer__nav-menu-block,
    .footer__logo-block{
        margin-right: 0px;
    }
    .form-middle-block__area-content{
        max-width: 620px;
    }
    .form-middle-block__area{
        max-width: 100%;
    }
    .psevdo__file-required,
    .psevdo__file{
        width: 300px;
    }
}
@media screen and (max-width: 991.98px){
    .img-item__phone svg,
    .img-item__phone canvas{
        width: 700px;
    }
    .img-item__phone canvas {
        top: 160px;
    }
    .title
    {
        font-size: 60px;
        line-height: 60px;
    }
    .img-item__phone{
        left: -370px;
    }
    .mobile__img svg{   
        height: 381px;
        width: 396px;
    }
    .mobile-item__title{
        font-size: 24px;
        line-height: 30px;
    }
    .mobile-item__info{
        font-size: 18px;
        line-height: 24px;
    }
    .mobile__content {
        max-width: 450px;
    }
    .mobile__img {
        right: -175px;
        top: 145px;
    }
    .aboute__sub-title{
        font-size: 18px;
        line-height: 24px;
        max-width: none;
    }
    .intro__title{
        font-size: 21px;
        line-height: 24px;
    }
    .intro__text{
        font-size: 14px;
        line-height: 21px;
    }
    .aboute-accordion__info{
        font-size: 14px;
        line-height: 18px;
    }
    .aboute-accordion__intro::before {
        top: 0;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__image{
        top: 86px;
    }
    .aboute-accordion__image{
        left: 335px; 
    }
    .intro__title{
        width: 220px;
    }
    .aboute-accordion__block{
        gap: 0px;
    }
    .aboute-accordion__content-block{
        gap: 0px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__block {
        padding: 90px 30px 90px 74px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .intro__title{
        line-height: 24px;
    }
    .aboute__accordion-item.aboute-accordion-item__active{
        padding: 30px 0;
    }
    .intro__text{
        max-width: 254px;
    }
    .aboute-accordion__image img {
        height: 180px;
    }
    .form-first-block__input{
        font-size: 18px;
        line-height: 24px;
    }
    .form input::placeholder{
        font-size: 18px;
        line-height: 24px;
    }
    .form textarea::placeholder{
        font-size: 18px;
        line-height: 24px;
    }
    .app-form__title{
        margin-bottom: 58px;
    }
    .aboute{
        margin-bottom: 90px;
    }
    .combo__title{
        height: 60px;
    }
    .combo__info{
        height: 120px;
        margin-bottom: 30px;
    }
    .developer__title{
        margin-bottom: 0px;
    }
    .developer__title.dev-title.hidden{
        transform: translateY(100%);
    }
    .developer__title.promo-title.active{
        transform: translateY(-60px);
    }
    .developer__title.promo-title.hidden{
        transform: translateY(200%);
    }
    .developer__title.aso-title.active{
        transform: translateY(-120px);
    }
    .developer__title.aso-title.hidden{
        transform: translateY(300%);
    }
    .developer__title.dev-title.active{
        transform: translateY(0);
    }
    .developer__sub-title.hidden{
        transform: translateY(100%);
    }
    .developer-aso__sub-title.active{
        transform: translateY(-120px);
    }
    .developer__title,
    .developer__title span{
        font-size: 52px;
        line-height: 60px;
    }
    h1 {
        font-size: 60px;
        line-height: 68px;
    }
    h2 {
        font-size: 52px;
        line-height: 60px;
    }
    h3 {
        font-size: 28px;
        line-height: 35px;
    }
    h4 {
        font-size: 24px;
        line-height: 30px;
    }
    h5 {
        font-size: 22px;
        line-height: 28px;
    }
    h6 {
        font-size: 20px;
        line-height: 24px;
    }
    .form__middle-block{
        flex-direction: column;
        gap: 10px;
        margin-bottom: 60px;
    }
    .output{
        margin-bottom: 0px;
    }
    .psevdo__file-input{
        font-size: 18px;
        line-height: 24px;
        word-break: break-word;
    }
    .psevdo__file{
        gap: 10px;
    }
    .psevdo__file-required, .psevdo__file{
        width: 100%;
    }
    .form-middle-block__area-content{
        max-width: 100%;
    }
    .form__last-block{
        flex-direction: column;
        gap: 33px;
    }
    .form-middle-block__btn{
        width: 100%;
    }
    .form__last-block__police{
        max-width: none;
    }
    .form-last-block-checkbox__label{
        top: 30%;
    }
    .developer__item.title-item{
        max-width: 680px;
    }
}
@media screen and (max-width: 767.98px){
    .developer__items{
        flex-direction: column-reverse;
        align-items: center;
    }
    .img-item__phone svg{
        height: 460px;
    }
    
    .img-item__phone canvas {
        width: 620px;
        top: -1px;
        left: 40px;
    }
    .img-item__phone {
        top: -12px;
        left: -370px;
    }
    .header__block{
        padding: 24px 54px 24px 31px;
    }
    .developer__info{
        margin-bottom: 28px;
        padding-left: 0px;
    }
    .title{
        font-size: 50px;
        line-height: 50px;
    }
    .developer__item.title-item{
        max-width: none;
        padding-top: 355px;
    }
    .developer{
        margin-bottom: 100px;
    }
    .mobile__title{
        margin-bottom: 50px;
    }
    .mobile-item__title{
        margin-bottom: 13px;
    }
    .mobile__item:not(:last-child){
        margin-bottom: 43px;
    }
    .mobile{
        margin-bottom: 82px;
    }
    .aboute::after{
        display: none;
    }
    .aboute-accordion__content-block{
        flex-direction: column;
        gap: 9px;
        align-items: flex-start;
    }
    .aboute-accordion__block{
        justify-content: space-between;
    }
    .aboute-accordion__intro::before {
        top: 5px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__image {
        top: 182px;
    }
    .aboute-accordion__image img{
        height: 130px;
    }
    .aboute-accordion__image {
        left: 150px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__block{
        padding: 90px 30px 135px 74px;
    }
    .form__first-block{
        flex-direction: column;
        margin-bottom: 0px;
    }
    .form-first-block__input{
        max-width: none;
    }
    .form-middle-block__btn{
        width: 100%;
        height: 72px;
    }
    .form-middle-block__area-content{
        gap: 12px;
    }
    .form__last-block{
        padding-bottom: 91px;
    }
    .footer__items{
        flex-wrap: wrap;
        gap: 10px;
    }
    .footer__contacts{
        flex-direction: row;
    }
    .footer__logo{
        margin-bottom: 28px;
    }
    .footer__logo-block{
        margin-bottom: 30px;
    }
    .footer-nav-menu__item a{
        line-height: 36px;
    }
    .footer__contacts-block {
        padding-top: 0px;
    }
    .footer__nav-menu-block{
        margin-bottom: 36px;
    }
    .combo__title{
        height: 50px;
    }
    .combo__info{
        height: 100px;
        max-width: 500px;
        margin-bottom: 21px;
    }
    .developer__title.dev-title.hidden{
        transform: translateY(100%);
    }
    .developer__title.promo-title.active{
        transform: translateY(-50px);
    }
    .developer__title.promo-title.hidden{
        transform: translateY(200%);
    }
    .developer__title.aso-title.active{
        transform: translateY(-100px);
    }
    .developer__title.aso-title.hidden{
        transform: translateY(300%);
        
    }
    .developer__title.dev-title.active{
        transform: translateY(0);
    }
    .developer__sub-title.hidden{
        transform: translateY(100%);
    }
    .developer-aso__sub-title.active{
        transform: translateY(-100px);
    }
    .form__last-block__police{
        max-width: none;
    }
    .psevdo__file-required{
        border-bottom: 2px solid #2f2f2f;
        width: 100%;
        padding-bottom: 24px;
    }
    .form-last-block-checkbox__label {
        top: 30%;
    }
    .developer__title,
    .developer__title span{
        font-size: 42px;
        line-height: 50px;
    }
    h1 {
        font-size: 50px;
        line-height: 58px;
    }
    h2 {
        font-size: 42px;
        line-height: 50px;
    }
    h3 {
        font-size: 24px;
        line-height: 30px;
    }
    h4 {
        font-size: 22px;
        line-height: 28px;
    }
    h5 {
        font-size: 20px;
        line-height: 24px;
    }
    h6 {
        font-size: 18px;
        line-height: 22px;
    }
    .pages__content .title {
        font-size: 25px;
    }
    .pages__content {
        padding: 0 20px 0 20px;
    }
}
@media screen and (max-width: 564px){
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__image {
        top: 202px;
    }
}
@media screen and (max-width: 479px){
    .header__logo img{
        height: 42px;
    }
    .header__block {
        padding: 24px 31px 0px 27px;
    }
    .developer::before{
       width: 110px;
       height: 110px;
       left: auto;
       right: -25px;
       top: auto;
       bottom: 217px;
    }
    .developer__content::before{
        display: none;
    }
    .developer::after{
        display: block;
        width: 95px;
        height: 95px;
        left: auto;
        right: 31px;
        top: auto;
        bottom: -3px;
    }
    .title{
        font-size: 40px;
        line-height: 40px;
    }
    .developer__sub-title,
    .developer-aso__sub-title{
        line-height: 40px;
    }
    .developer__info{
        font-size: 18px;
        line-height: 24px;
    }
    .developer__btn{
        max-width: 211px;
        font-size: 16px;
        line-height: 19px;
        padding: 20px 29px 21px 29px;
    }
    .aboute-accordion__block{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 18px;
    }
    .aboute-accordion__logo{
        text-align: left;
    }
    .aboute__title-block {
        gap: 28px;
        margin-bottom: 41px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__block{
        padding: 19px 30px 218px 73px;
    }
    .aboute-accordion__image img{
        height: 207px;
    }
    .aboute-accordion__image{
        left: 0px;
    }
    .aboute .container{
        padding: 0 28px;
    }
    .aboute-accordion__block {
        padding: 20px 30px 27px 74px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .intro__title{
        margin-bottom: 13px;
    }
    .aboute-accordion__info{
        max-width: none;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__image{
        top: 206px;
    }
    .aboute-accordion__image{
        left: -35px;
    }
    .aboute__sub-title{
        font-size: 16px;
        max-width: 346px;
    }
    .app-form::before,
    .app-form__block::before{
        display: none;
    }
    .form-first-block__input{
        padding-bottom: 29px;
    }
    .form-middle-block__area{
        padding-bottom: 0px;
    }
    .app-form__title{
        max-width: 260px;
    }
    .form__first-block {
        gap: 33px;
    }
    .form-middle-block__area{
        padding-top: 36px;
    }
    .footer__items{
        flex-direction: column;
        gap: 0px;
    }
    .footer-nav-menu__items{
        display: flex;
        gap: 65px;
    }
    .app-form{
        margin-bottom: 37px;
    }
    .footer{
        padding-bottom: 50px;
    }
    .combo__title{
        height: 40px;
    }
    .combo__info{
        height: 80px;
        max-width: 400px;
    }
    .developer__title.dev-title.hidden{
        transform: translateY(100%);
    }
    .developer__title.promo-title.active{
        transform: translateY(-40px);
    }
    .developer__title.promo-title.hidden{
        transform: translateY(200%);
    }
    .developer__title.aso-title.active{
        transform: translateY(-80px);
    }
    .developer__title.aso-title.hidden{
        transform: translateY(300%);   
    }
    .developer__title.dev-title.active{
        transform: translateY(0);
    }
    .developer__sub-title.hidden{
        transform: translateY(100%);
    }
    .developer-aso__sub-title.active{
        transform: translateY(-80px);
    }
    .form-middle-block__area-content::before {
        top: 28px;
        right: 4px;
    }
    .form-middle-block__area-content {
        gap: 15px;
    }
    .developer__title,
    .developer__title span{
        font-size: 40px;
        line-height: 40px;
    }
    h1 {
        font-size: 45px;
        line-height: 50px;
    }
    h2 {
        font-size: 40px;
        line-height: 40px;
    }
    h3 {
        font-size: 22px;
        line-height: 28px;
    }
    h4 {
        font-size: 20px;
        line-height: 24px;
    }
    h5 {
        font-size: 18px;
        line-height: 22px;
    }
    h6 {
        font-size: 16px;
        line-height: 20px;
    }
    .developer__info {
        margin-top: 20px
    }
}
@media screen and (max-width: 400px){
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__image{
        top: 230px;
    }
    .aboute-accordion__image img{
        height: 160px;
    }
    .aboute__accordion-item.aboute-accordion-item__active .aboute-accordion__block{
        padding: 19px 15px 193px 15px;
    }
    .aboute-accordion__intro::before{
        display: none;
    }
    .aboute-accordion__block{
        padding: 19px 15px 27px 15px;
    }
    .footer__contacts{
        flex-wrap: wrap;
        gap: 10px;
    }
}
@media screen and (max-width: 370px){
    .developer::before{
        right: -55px;
    }
    .developer::after{
        right: 0px;
    }
    .footer-nav-menu__items{
        flex-direction: column;
        gap: 0px;
    }
}