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

    .container {

        width: 100%;

    }

}

@media only screen and (min-width: 1025px){

    .all-btn:hover {

        background: transparent;

        color: #F50303;

        border-color: #F50303;

    }

}

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

    .container {

        padding: 0 40px;

    }

    .block-form .col-12 {

        margin-top: 16px;

    }

    .all-height .list-block li span.text-item:first-child,

    .all-height .list-block li span.text-item:nth-child(2) {

        height: auto;

    }

    .mission-block .title {

        font-size: 36px;

        line-height: 38px;

    }

    .promo-cont h1 {

        font-size: 36px;

        font-style: normal;

        font-weight: 800;

        line-height: 38px;

    }

    .about span.title.flex {

        margin-bottom: 32px;

    }



    .navbar ul li:last-child {

        display: none;

    }

    .promo-cont-wrap {

        max-width: 390px;

        margin-left: 20px;

    }



    .promo-cont p {

        font-size: 18px;

        line-height: 24px;

        margin-bottom: 0;

    }

    .about {

        padding-top: 50px;

    }

    .about span.title.flex {

        max-width: 715px;

        font-size: 36px;

        line-height: 38px;

    }

    .about .container p {

        font-size: 18px;

        line-height: 24px;

        margin-bottom: 32px;

    }

    a.b-nav-tab {

        padding: 32px 20px;

        max-width: 217px;

    }

    a.b-nav-tab span.text {

        font-size: 18px;

        line-height: 24px;

        display: block;

    }

    a.b-nav-tab img {

        margin: 0 auto 16px;

        width: 40px;

        height: 40px;

    }

    .tab-block {

        gap: 16px;

        margin-bottom: -86px;

    }

    .b-tab .container {

        padding: 120px 40px 40px;

    }

    .tab-cont {

        width: 100%;

        max-width: 370px;

        text-align: left;

    }

    .b-tab .flex {

        gap: 40px;

    }



    .b-tab .tab-list .flex {

        flex-wrap: wrap;

        gap: 0;

    }

    .list-block.half {

        width: 100%;

    }

    .list-block li:last-child {

        padding-bottom: 20px;

    }



    .tab-list {

        width: calc(100% - 370px);

    }

    .tab-cont span.title {

        font-size: 32px;

        line-height: 34px;

    }



    .about .container .tab-list p {

        margin-bottom: 16px;

        font-size: 16px;

        line-height: 24px;

    }

    .working {

        padding: 80px 3px;

    }

    .working span.title {

        font-size: 32px;

        line-height: 34px;

    }

    .working p {

        font-size: 18px;

        line-height: 24px;

    }

    footer .flex {

        max-width: 751px;

        margin: 0 auto;

    }

    .promo.contact picture, .promo.contact picture img {

        height: 86vh;

    }

    .delivery-methods {

        padding: 40px 0;

    }

    .delivery-methods .flex {

        gap: 36px;

    }

    .block-form form input, .block-form form textarea{

        width: 100%;

    }

}



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

    .container {

        padding: 0 24px;

    }

    main {

        padding-top: 57px;

    }

    .all-btn {

        font-size: 20px !important;

        line-height: 30px !important;

        padding: 12px 23px !important;

    }

    .navbar ul li a {

        font-size: 16px;

    }

    header .flex {

        justify-content: space-between;

        padding: 0;

    }





    header .flex a.logo-header img {

        display: block;

        height: auto;

        max-height: 64px;

        object-fit: contain;

    }



    .navbar ul li:nth-child(4) {

        display: block;

    }



    .navbar ul li:last-child {

        display: block;

    }



    nav.navbar {

        padding: 0;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100vh;

        z-index: 10;

        background: #323232;

        display: none;

    }

    .navbar ul li:nth-child(5),

    .navbar ul li:nth-child(6) {

        display: block;

    }



    .navbar ul li a.all-btn {

        margin: 0 auto;

        padding: 16px 24px;

        font-size: 20px;

    }



    .navbar-wrap {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

    }



    nav.navbar ul {

        display: flex;

        flex-wrap: wrap;

        margin-top: 50px;

        gap: 40px;

    }



    button.menu-hide {

        text-align: center;

        display: block;

        margin: 40px auto 0;

    }



    .mob-logo a img {

        max-height: 65px;

    }



    .mob-logo, button.menu-hide {

        display: block;

    }

    .mob-logo {

        width: 100%;

        padding: 40px 0 63px;

        background: #323232;

    }

    nav.navbar ul {

        gap: 40px;

    }



    nav.navbar ul li {

        width: 100%;

        text-align: center;

        color: #F0F0F0;

        font-size: 36px;

        font-weight: 700;

        line-height: 40px;

        text-transform: initial;

    }

    nav.navbar ul li a {

        color: #F0F0F0;

        font-size: 36px;

    }



    nav.navbar ul li.active a {

        border-bottom: 4px solid #F0F0F0;

    }



    .mob-menu-btn {

        display: block;

    }



    a.b-nav-tab {

        padding: 30px 10px;

    }

    .b-tab .flex {

        gap: 24px;

        flex-wrap: wrap;

    }

    .tab-cont {

        max-width: 100%;

    }

    .tab-list {

        width: 100%;

    }

    .about .container .tab-list p {

        text-align: center;

    }

    .tab-cont span.title {

        font-size: 28px;

        text-align: center;

        margin-bottom: 24px;

    }

    .working span.title {

        font-size: 30px;

        line-height: 34px;

    }

    .tab-list .flex {

        gap: 0;

    }

    .list-block.half {

        width: 100%;

    }

    .b-tab .flex {

        gap: 0;

    }

    .about .container .tab-list p {

        margin-bottom: 24px;

    }



    .b-tab .flex .all-btn {

        margin: 0 auto;

    }

    .success-form {

        position: absolute;

        top: 0;

        left: 0;

        background: #E4E4E4;

        padding: 24px;

        min-width: unset;

        min-height: unset;

        height: 100%;

        box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.32);

        border-radius: 16px;

        border-top: 24px solid #F50303;

    }

    .success-form .all-btn{

        height: auto;

    }

}



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

    .promo-cont h1 {

        font-size: 30px;

        line-height: 34px;

    }

    .promo .all-btn {

        margin: 24px auto 0;

        font-size: 20px;

    }

    .promo-cont-wrap {

        margin: 0 auto;

    }

    .about span.title.flex {

        font-size: 30px;

        line-height: 34px;

    }



    .list-block.half:last-child {

        margin-bottom: 10px;

    }

    .list-block span.name {

        text-transform: initial;

    }

    a.b-nav-tab span.text {

        font-size: 14px;

        line-height: 16px;

    }

    a.b-nav-tab img {

        margin: 0 auto 15px;

        width: 32px;

        height: 32px;

    }

    .tab-block {

        gap: 4px;

    }

    .delivery-methods .flex{

        gap: 24px;

        flex-wrap: wrap;

    }



    .delivery-methods-item {

        width: 100%;

    }

    .tab-section.more-style .tab-block {

        flex-wrap: wrap;

    }



    .tab-section.more-style .tab-block .b-nav-tab {

        width: calc(50% - 2px);

    }

}



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

    .working span.title {

        margin-bottom: 24px;

    }

    .about span.title.flex {

        margin-bottom: 26px;

    }

    .about .container .tab-cont p {

        text-align: center;

    }

    .list-block li:last-child {

        padding-bottom: 20px;

    }

    .promo-cont {

        top: 40px;

        transform: none;

    }

    .about {

        padding-top: 64px;

    }



    .tab-cont span.title br {

        display: none;

    }

    .tab-cont span.title img {

        margin-top: -4px;

    }

    .list-block .all-btn {

        margin: 0 auto;

    }

    a.b-nav-tab {

        padding: 16px;

    }

    .tab-block {

        margin-bottom: -65px;

    }

    a.b-nav-tab span.text {

        font-size: 14px;

        line-height: 16px;

    }



    .b-tab .container {

        padding: 65px 24px 40px;

    }

    .b-tab .flex {

        padding-top: 30px;

    }



    .b-tab .tab-list .flex {

        padding-top: 0;

    }

    .working {

        padding: 64px 0 40px;

    }

    .working p {

        font-size: 18px;

        line-height: 24px;

    }

    footer .flex {

        flex-wrap: wrap;

        flex-direction: column;

        gap: 32px;

    }

    footer .address img {

        display: none;

    }



    .block-form form {

        padding: 24px;

    }



    .block-form span.title {

        font-size: 34px;

        line-height: 38px;

    }

    .block-form form span.subtitle {

        margin-bottom: 62px;

    }



    .block-form form textarea {

        height: 90px;

    }



    .contact .promo-cont {

        top: auto;

        bottom: 24px;

    }

    .block-form form {

        margin: 0;

    }

    .tab-section .container {

        padding: 0 8px;

    }



    .tab-section .b-tab .container {

        padding: 0 15px;

        padding-bottom: 40px;



    }



    .b-tab .flex .all-btn {

        margin: 0 auto;

    }

    .b-tab  .tab-cont {

        padding-top: 60px;

    }

    header .flex a.logo-header img {

        max-height: 41px;

    }

    .promo-cont h1 {

        max-width: 219px;

        margin: 0 auto 8px;

    }



    .logo-footer img {

        max-height: 62px;

    }



    .contact .success-form .all-btn {

        padding: 12px 2px !important;

        margin-top: 48px;

    }

    .success-form {

        padding-left: 16px;

        padding-right: 16px;

    }



    .success-form p {

        font-size: 18px;

        font-weight: 400;

        line-height: 24px;

    }



    #promo-jobs.promo .promo-cont-wrap img {

        width: auto;

        height: auto;

        margin-bottom: 24px;

    }

    .mission-block .title {

        font-size: 28px;

        line-height: 32px;

        margin-bottom: 24px;

    }

    nav.navbar ul li a {

        font-size: 30px;

    }

    nav.navbar ul {

        gap: 30px;

    }



}



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

    nav.navbar ul {

        margin-top: 0;

    }

}