@media (max-width: 1009px) {

}
@media (max-width:991px){
    .info {
        padding: 40px 0 57px 0;
    }
    .info .container {
        gap: 46px;
    }
    .info__title {
        margin-bottom: 36px;
        font-size: 24px;        
        line-height: 1.08333;
    }
    .info__left svg {
        margin-bottom: 22px;
        width: 152px;
        height: 148.553px;
    }
    .info__text {
        font-size: 14px;
        line-height: 1.28571;
    }
    .info__right {
        display: flex;
        gap: 21.37px;
    }
    .info__right img {
        margin-top: 0;
        width: 322.554px;
        height: 240.533px;
        aspect-ratio: 322.55/240.53;
    }
    .nav ul li a{
        font-size: 16px;
    }
    .header__contact a{
        font-size: 12px;
    }
    
}
@media (max-width:833px){
    .header{
        background: #FFF;
    }
    .header__nav{
        display: none;
    }
    .header__contact{
        display: none;
    }
    .homePage {
        transform: translateY(0);
    }
    .logo svg{
        width: 31.501px;
        height: 30.692px;

    }
    .logo p{
	    color: #F34100;
        font-size: 12.8px;
        letter-spacing: 0.512px;
	    text-transform: uppercase;
    }
    .header__btn .orange__btn{
        border-radius: 9.714px;
        border: 0.81px solid #F34100;
    }
     .b-mobile {
        display: block;
        margin: 0 0 0 10px;
    }

    .menu-icon {
        position: relative;
        z-index: 10001;
        cursor: pointer;
        width: 29px;
        height: 22px;
        transition: 0.3s;
    }

    .menu-icon__wrapper {
        position: relative;
        margin: 0 auto 0;
        width: 29px;
    }

    .menu-icon.active b {
        transition: 0.5s;
    }

    .menu-icon .b-menu__line {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4px;
        border-radius: 13px;
        background: #F34100;
        -webkit-transition: background-color 0.35s, -webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: background-color 0.35s, transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }

    .menu-icon .b-menu__line_1 {
        top: 0;
    }

    .menu-icon .b-menu__line_2 {
        top: 8px;
    }

    .menu-icon .b-menu__line_3 {
        top: 16px;
        width: 100%;
    }

    .menu-icon.active .b-menu__line_1 {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
        top: 0px;
    }

    .menu-icon.active .b-menu__line_2 {
        opacity: 0;
    }

    .menu-icon.active .b-menu__line_3 {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
        top: 16px;
        width: 100%;
    }
    .header__right {
        display: flex;
        flex-direction: column-reverse;
        background: #FFF;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        padding: 50px 39px 100px 40px;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: 0.3s;
        z-index: 999999;
    }


    .header__right.active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .nav__mob ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: end;
        margin-bottom: 59px;

    }

    .header__right-row .nav__mob ul li a {
        display: block;
        padding: 0;
        font-family: "Roboto Condensed";
        text-align: right;
        font-weight: 800;
        font-size: 40px;
        color: #473027;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        transition: 0.3s;

        &.current__page{
            color:#E51414;
        }
    }
    .mob-menu__contact{
        display: flex;
        flex-direction: column;
        gap: 25px;
        align-items: end;
        justify-items: flex-end;
    }
    .mob__contact{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        color: #473027;
        text-align: right;
        font-family: "Inter Tight";
        font-size: 13px;
        font-weight: 500;

    }
    .mob__contact a{
        color: #473027;
        text-align: right;
        font-family: "Inter Tight";
        font-size: 13px;
        font-weight: 500;
    }
    .mob__contact a span {
        font-weight: 700;
        text-transform: uppercase;
    }
    .main__des .main__des-content {
            height: 430px;
            padding-top: 0;

    }
    .main__des-logo {
            display: none;
    }
    .main__block-des {
        animation: none !important;
        transform: translateY(0) !important;
        opacity: 1 !important;
        padding: 49px 0 50px 0 !important;
    }
    .main__block-des .container {
        gap: 54px !important;
    }

    .main__title-des{
        animation: none !important;
        opacity: 1 !important;
        min-width: 320px !important;
        font-size: 32px !important;
        line-height: 1.125 !important;
        
    }
    .main__text-des{
        animation: none !important;
        opacity: 1 !important;
        font-size: 11.569px!important;
    }
    .main__animation {
        height: 290px !important;
        animation: none;
        opacity: 1;
    }
    .circle-1 {
        width: 19.1px;
        height: 19.1px;
        top: 45.91px;
        left: 70px;
    }
    .circle-2 {
        width: 19.948px;
        height: 19.948px;
        top: 191.07px;
        left: 150px;
    }
    .circle-3 {
        width: 17.995px;
        height: 17.995px;
        top: 138.81px;
        left: 191.29px;
    }
    
    .circle-4 {
        width: 14.384px;
        height: 14.384px;
        top: 202.69px;
        left: 319.04px;
    }
    
    .circle-5 {
        width: 19.8px;
        height: 19.8px;
        top: 89.14px;
        left: 373.88px;
    }
    
    .circle-6 {
        width: 12.903px;
        height: 12.903px;
        top: 149.78px;
        left: 447.43px;
    }
    
    .circle-7 {
        width: 17.209px;
        height: 17.209px;
        top: 217.53px;
        left: 458.5px;
    }
    
    .circle-8 {
        width: 14.018px;
        height: 14.018px;
        top: 54.37px;
        left: 556px;
    }
    
    .circle-9 {
        width: 22.375px;
        height: 22.375px;
        top: 127.84px;
        left: 577.75px;
    
    }
    
    .circle-10 {
        width: 10.323px;
        height: 10.323px;
        top: 218.82px;
        left: 693.24px;
   
    }
    
    .circle-1,
    .circle-2,
    .circle-3,
    .circle-4,
    .circle-5,
    .circle-6,
    .circle-7,
    .circle-8,
    .circle-9,
    .circle-10,
    .capsule-1,
    .capsule-2,
    .capsule-3,
    .capsule-4,
    .capsule-5,
    .capsule-6,
    .capsule-7,
    .bear__main-1,
    .bear__main-2,
    .bear__main-3,
    .bear__main-4
    {
        animation: none;
        animation-delay: none;
        opacity: 1;
    }
    .capsule-1 {
        min-width: 61.227px;
        height: 70.933px;
        top: 165.91px;
        left: 70px;
    }
    .capsule-2 {
        width: 108.449px;
        min-height: 81.705px;
        top: 24.16px;
        left: 211.23px;
    }
    .capsule-3 {
        min-width: 56.269px;
        height: 72.166px;
        top: 97.52px;
        left: 302.91px;
    }
    .capsule-4 {
        min-width: 102.957px;
        height: 99.653px;
        top: 187.85px;
        left: 337.75px;
    }
    .capsule-5 {
        min-width: 65.738px;
        height: 78.063px;
        top: 31.33px;
        left: 413.75px;
    }
    .capsule-6 {
        min-width: 49.896px;
        height: 56.08px;
        top: 205px;
        left: 591.8px;
    }
    .capsule-7 {
        width: 76.112px;
        height: 73.051px;
        top: 130px;
        left: 618.29px;
    }
    .bear__main-1 {
        min-width: 136.776px;
        height: 113.929px;
        top: 45.91px;
        left: 72.58px;
    }
     
    .bear__main-2 {
        min-width: 82.933px;
        height: 107.781px;
        top: 148.49px;
        left: 206.78px;
    }
    .bear__main-3 {
        min-width: 112.247px;
        height: 133.565px;
        top: 120.75px;
        left: 470.65px;
    }
    .bear__main-4 {
        min-width: 112.247px;
        height: 133.565px;
        top: 13px;
        left: 591.15px;
    }
    .mainAbout{
	    padding: 50px 0;
    }
    .mainAbout__title{
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.125;
    }
    .mainAbout__text{
        font-size: 14px;
        line-height: 1.28571;
    }
    .mainAbout__text span {
        font-size: 14px;
        line-height: 18px;
    }
    .mainAbout__img img{
        min-width: 350px;
        height: 200px;
    }
    .story {
        padding: 40px 0 56px 0;
    }
    .story .container {
        gap: 75.39px;
    }
    .story__title{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 1.08333;
    }
    .story__text{
        font-size: 14px;
        line-height: 1.28571;
    }
    .story__text span{
        font-size: 14px;
        line-height: 18px;
    }
    .story__img img{
        min-width: 248.226px;
        height: 342px;
        padding-top: 25px;
    }
    .principles {
        padding: 40px 0 43px 0;
    }
    .principles__title {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 1.08333;
    }
    .principles__list {
        column-gap: 54px;
        row-gap: 26px;
    }
    .principles__list li {
        gap: 10px;
    }
    .principles__list li p {
        font-size: 14px;
        line-height: 1.28571;
    }
    .principles__list li p span {
        font-size: 14px;
        line-height: 1.28571;
    }
    .principles__list li .item-1 {
        width: 116.974px;
        height: 84.38px;
    }

    .principles__list li .item-2 {
        width: 97.189px;
        height: 78.993px;

    }

    .principles__list li .item-3 {
        width: 144.513px;
        height: 83.44px;
    }

    .principles__list li .item-4 {
        width: 152.483px;
        height: 72.617px;
    }
    .movement{
        padding: 40px 0;
    }

    .movement__content {
        margin-right: 100px;
        max-width: 339px;
    }
    .movement__title {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 1.08333;
    }
    .movement__text {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.28571;
    }
    .movement__text span {
        font-size: 14px;
    }
    .movement__img svg{
        width: 168px;
        height: 164.191px;
    }
    .happy {
        padding: 73px 0;
    }
    .happy__text{
        font-size: 24px;
        line-height: 1.66667;
    }
    .support {
        padding: 57px 0 56px 0;
    }
    .support__text {
        font-size: 14px;
        line-height: 1.28571;
    }
    .footer .container {
        justify-content: center;
    }
    .footer__nav{
        display: none;
    }
    .footer__logo {
        font-size: 12px;
    }
    .mainContact {
        padding: 50px 0;
    }
    .mainContact .container {
        gap: 23px;
    }
    .mainContact__title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.125;
    }

    .mainContact__text {
        font-size: 14px;
        line-height: 1.28571;
    }

    .mainAbout__text span {
        font-size: 14px;
        line-height: 1.28571;
    }

    .mainContact__img img {
        min-width: 350px;
        height: 200px;
    }
    .connect {
        padding: 50px 0 64px 0;
    }
    .connect .container {
    	gap: 45px;
    }
    .connect__left p,
    .connect__right p {
        font-size: 14px;
        line-height: 1.28571;
    }
    .connect__left p a,
    .connect__left p span {
        font-size: 14px;
        line-height: 1.28571;
    }
    .connect__right form {
        width: 100%;
        margin-top: 33px;
    }
    .care {
        padding: 45px 0;
    }
    .care__img svg {
        width: 82px;
        height: 80.141px;
        flex-shrink: 0;
        margin-left: 36px;
    }
    .care__text {
        max-width: 500px;
        font-family: "Familjen Grotesk";
        font-size: 14px;
        font-weight: 400;
        line-height: 1.28571;
    }
    .help {
        padding: 50px 0;
    }
    .help__title {
        margin-bottom: 10px;
        font-size: 24px;        
        line-height: 1.66667;
    }
    .help__text {
        max-width: 414px;
        font-size: 14px;
        line-height: 1.28571;
    }
    .help__text a {
        font-size: 14px;
        line-height: 1.28571;
    }
    .quality{
	    padding: 40px 0 0  0;
	    background: #FCF8F3;
	}
    .quality .container {
        gap: 70px;
    }
    .quality__left {
        padding-bottom: 262px;
    }
    .quality__img {
        min-width: 374px;
        height: 239px;
        bottom: 0;
        left: -55px;
    }
    .quality__title {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 1.08333;
    }
    .quality__text {
        font-size: 14px;
        line-height: 1.28571;
    }
    .quality__right, .quality__right ul{
    	gap: 20px;
    }
    .quality__right ul li h3 {
        font-size: 14px;
    }
    .quality__right ul li p {
        font-size: 14px;
    }




}
@media (max-width:767px){
    .header__btn .orange__btn{
        display: none;
    }
    .main__des .main__des-content {
        height: 545px !important;
        gap: 15px;
    }
    
   .main__block-des {
        padding: 40px 0 40px 0 !important;
    }

    .main__block-des .container {
        flex-direction: column;
        gap: 20px !important;
    }

    .main__text-des {
        font-size: 14px !important;
        line-height: 1.28571;
    }
    .circle-1 {
            width: 23.686px;
            height: 23.686px;
            top: 48.97px;
            left: -2%;
    }
    .circle-2 {
        width: 23.686px;
        height: 23.686px;
        top: 249.98px;
        left: 24%;
    }
    .circle-3 {
        width: 22.315px;
        height: 22.315px;
        top: 185.18px;
        left: 40%;
    }
    .circle-4, .circle-5, .circle-6, .circle-7, .circle-8, .circle-9, .circle-10 {
        display: none;
    }
    .capsule-1 {
        min-width: 75.927px;
        height: 87.964px;
        top: 200px;
        left: -3%;
    }
    .capsule-2 {
        width: 134.487px;
        min-height: 150px;
        top: 30px;
        left: 50%;
    }
    .capsule-3 {
        min-width: 69.779px;
        height: 89.492px;
        top: 133.97px;
        left: 80%;
    }
    .capsule-4, .capsule-5, .capsule-6, .capsule-7 {
            display: none;
        }
        .bear__main-1 {
            min-width: 170px;
            height: 141px;
            top: 53px;
            left: 0;
        }
    .bear__main-2 {
		min-width: 102.845px;
		height: 133.659px;
		top: 160px;
		left: 50%;
	}

    .bear__main-3, .bear__main-4{
        display: none;
    }

    .mainAbout{
	    padding: 24px 0 40px 0;
    }
    .mainAbout .container{
        flex-direction: column-reverse;
    }
    .mainAbout__img img {
        min-width: 320px;
        height: 175px;
    }
    .story {
        padding: 40px 0 44px 0;
    }
    .story .container {
        flex-direction: column;
        gap: 35px;
    }
    .story__img img{
        padding: 0;
        min-width: 248.226px;
        height: 342px;
    }
    .principles {
        padding: 40px 0 40px 0;
    }
    .principles__title {
        margin-bottom: 20px;
        line-height: 1.08333;
    }
    .principles__list {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .principles__list li {
        gap: 10px;
    }
    .movement {
        padding: 40px 0 45px 0;
    }
    .movement .container {
        flex-direction: column;
        gap: 30px;
    }
    .movement__content {
        margin-right: 0;
        max-width: 100%;
    }
    .movement__img svg {
        width: 106.413px;
         height: 104px;
    }
    .happy {
        padding: 55px 0;
    }
    .support {
        padding: 50px 0 49px 0;
    }
    .mainContact{
	    padding: 24px 0 40px 0;
    }
    .mainContact .container{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .mainContact__img img {
        min-width: 320px;
        height: 175px;
    }
    .connect {
        padding: 40px 0;
    }
    .connect .container {
        flex-direction: column;
        gap: 40px;
    }
    .connect__right form {
        margin-top: 44px;
    }
    .care {
        padding: 40px 0;
    }
    .care .container {
        flex-direction: column;
        gap: 30px;
    }
    .care__img svg {
        width: 82px;
        height: 80.141px;
        flex-shrink: 0;
        margin-left: 0;
    }
    .help {
        padding: 40px 0;
    }
    .info {
        padding: 40px 0;

    }
    .info .container{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .info__left svg {
        margin-bottom: 22px;
        width: 152px;
        height: 148.553px;
    }
    .info__right {
        gap: 20.18px;
        align-items: flex-start;
    }
    .info__right img {
        margin-top: 0;
        width: 276px;
        height: 205.817px;
        flex-shrink: 0;
        aspect-ratio: 276.00/205.82;
    }
    .quality .container {
        display: flex;
        flex-direction: column;
        gap: 29px;
    }
    .quality__left{
        padding-bottom: 0;
    }
    .quality__img {
        display: none;
    }
    .quality__img-2 {
        display: block;
        margin-left: -25px;
        min-width: 374px;
        height: 239px;
        flex-shrink: 0;
        aspect-ratio: 374/239;
    }
    .quality__right{
        margin-bottom: 30.9px;
    }
 }
@media (max-width: 499px) {

}
@media (max-width: 389px) {
    .container{
        padding: 0 15px;
    }
}