@media screen and (max-width: 1350px) {
    .header .main {
        padding: 0px 20px 0 20px;
    }
    .bnr {
        height: auto;
        padding: 5px 0;
    }

    section .main .text {
        padding-left: 20px;
    }

    .company .main {
        padding: 0 10px 0 10px;
    }

    section .main {
        width: 100%;
    }
}

@media screen and (max-width: 1239px) {
    .header .main {
        width: 100%;
    }

    .serv_vertical a {
        padding: 0 30px;
    }

    .package .main p {
        margin: 15px 10px;
    }

    .tag {
        margin: 0 10px;
    }

    .tag .what {
        margin-right: 10px;
        width: 100%;
    }

    .address {
        width: 100%;
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .ofismap {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .contacts {
        flex-direction: column;
        margin-right: 20px;
    }
    .bnr {
        height: auto;
        padding: 5px 0;
    }
    .contacts img {
        width: 12%;
    }
    .contacts a {
        margin: 4px 0;
    }

    section .main .text {
        font-size: 24px; /* Increased by 3px */
    }

    .question {
        margin-right: 15px;
    }

    .serv_vertical img {
        width: 20%;
    }

    .serv_vertical a {
        padding: 0 10px;
    }

    .services .main p {
        font-size: 19px; /* Increased by 3px */
    }

    .tape {
        height: 280px;
    }

    .we .main h1 {
        margin-bottom: 40px;
    }

    .delivery-section {
        flex-direction: column;
        align-items: center;
    }

    .delivery-card {
        width: 80%;
        margin-bottom: 20px;
    }

    .timer {
        font-size: 21px; /* Increased by 3px */
    }

    .timer .time div {
        min-width: 40px; /* Reduce minimum width */
        padding: 8px; /* Reduce padding */
        font-size: 23px; /* Increased by 3px */
    }

    .timer .separator {
        font-size: 21px; /* Increased by 3px */
        padding: 0 5px; /* Reduce padding */
    }

    .text-right {
        font-size: 21px; /* Increased by 3px */
    }
}

@media screen and (max-width: 922px) {
    section .main .text {
        font-size: 14px;
    }

    section .main {
        justify-content: center;
    }

    section .main .cmp {
        flex-wrap: wrap;
        justify-content: center;
    }

    .cmp_o, .cmp_s, .cmp_g, .cmp_c, .cmp_t {
        width: auto;
        padding: 0 10px;
    }

    .review .main {
        margin-bottom: 0px;
    }

    .review h1 {
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .price .main {
        width: 100%;
    }

    .price .prc {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .services .main {
        font-size: 18px;
    }
}

@media screen and (max-width: 845px) {
      .cmp_box {
            border: 1px solid #ccc;
      }
}

@media screen and (max-width: 768px) {
    section .main .text {
        display: none;
    }

    .services .main {
        font-size: 19px; /* Increased by 3px */
    }

    .question {
        margin-right: 0;
    }

    .dlv {
        flex-wrap: wrap;
        justify-content: center;
    }

    .dlv_box {
        border-bottom: solid 1px;
        width: 280px;
        padding: 15px 0px;
    }

    .dlv_box:nth-child(2n) {
        border-right: none;
    }

    .dlv_box:nth-child(3) {
        border-bottom: none;
    }

    .dlv_box:nth-child(4) {
        border-bottom: none;
    }

    a.pack_box {
        padding: 0 10px;
    }

    .pack_box {
        font-size: 18px;
        width: auto;
    }

    .video {
        flex-direction: column;
    }

    .we .main h1 {
        margin-top: 40px;
    }

    .tag {
        flex-direction: column;
    }

    .tag .what {
        margin-bottom: 20px;
    }

    .tag .what img {
        width: 30px;
    }

    .we .main {
        align-items: normal;
    }

    .contacts .tape {
        width: 100%;
    }

    .address_box {
        flex-direction: column;
        margin: 0;
    }

    .address p {
        margin: 0 10px;
    }

    .address {
        margin: 0px;
    }

    .ofismap {
        margin: 0px;
        height: 300px;
    }

    .price .main {
        height: 100%;
        padding: 10px 10px;
    }

    .price .prc {
        flex-direction: column;
        align-items: center;
        padding: 0px;
    }

    .price .contact {
        width: 100%;
    }

    .prc input {
        width: 100%;
    }

    .prc textarea {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer_logo p {
        display: none;
    }

    footer .main .contacts {
        flex-direction: column;
        justify-content: center;
        line-height: 10px;
    }

    .delivery-card {
        width: 100%;
        margin-bottom: 15px;
    }

    .delivery-card img {
        width: 100px;
    }

    .delivery-content {
        padding: 10px;
    }

    .delivery-title {
        font-size: 16px;
    }

    .delivery-text {
        font-size: 12px;
    }

    .delivery-button {
        width: 100px;
        font-size: 10px;
    }

    .timer {
        font-size: 19px; /* Increased by 3px */
    }

    .timer .time div {
        min-width: 30px; /* Further reduce minimum width */
        padding: 6px; /* Further reduce padding */
        font-size: 20px; /* Increased by 3px */
    }

    .timer .separator {
        font-size: 19px; /* Increased by 3px */
        padding: 0 3px; /* Further reduce padding */
    }

    .text-right {
        font-size: 19px; /* Increased by 3px */
    }
}

@media screen and (max-width: 683px) {
    .header .main p {
        display: none;
    }
    .bnr {
        height: auto;
        padding: 5px 0;
    }
}

@media screen and (max-width: 576px) {
    .cmp_g {
        border-right: none;
    }
    .services {
      max-width: 315px;
    }

    .ad_vertical p{
      line-height: 20px;
      font-size: 15px; /* Increased by 3px */
    }

    .serv_vertical {
        flex-direction: column;
    }

    .services .main {
        font-size: 20px;
    }

    .serv_vertical a {
        padding: 0 30px;
    }

    .serv_vertical img {
        width: 15%;
    }

    .dlv_box {
        width: 192px;
    }

    .pack {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pack_box {
        width: 120px;
    }

    .pack_box:nth-child(1) {
        border-bottom: solid 1px;
    }

    .pack_box:nth-child(2) {
        border-bottom: solid 1px;
    }

    .pack_box:nth-child(3) {
        border-right: none;
        border-bottom: solid 1px;
    }

    #modal {
        width: 300px;
    }

    #modalmsg {
        width: 300px;
    }

    #modalleft {
        display: none;
    }

    .delivery-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .delivery-card img {
        width: 100%;
        height: auto;
    }

    .delivery-content {
        padding: 5px;
    }

    .delivery-title {
        font-size: 14px;
    }

    .delivery-text {
        font-size: 10px;
    }

    .delivery-button {
        width: 80px;
        font-size: 8px;
    }

    .timer {
        font-size: 17px; /* Increased by 3px */
    }

    .timer .time div {
        min-width: 25px; /* Further reduce minimum width */
        padding: 4px; /* Further reduce padding */
        font-size: 18px; /* Increased by 3px */
    }

    .timer .separator {
        font-size: 17px; /* Increased by 3px */
        padding: 0 2px; /* Further reduce padding */
    }

    .text-right {
        font-size: 17px; /* Increased by 3px */
        width: 200px;
    }

    .text-left {
        display: flex;
        flex-direction: column; /* Reverse the order of children */
        align-items: center;

    }
    .text-left .timer {
        margin-bottom: 20px; /* Add margin to separate timer from text */
    }
    .text-left span {
        text-align: center; /* Center align the text */
    }
}

@media screen and (max-width: 424px) {
    .dlv_box {
        width: 186px;
    }

    .main .logo_2 {
        display: block;
        padding-right: 28px;
        border-right: solid 2px;
    }

    .contacts img {
        margin-left: 10px;
        margin-right: 10px;
    }

    section .main .cmp {
        flex-direction: column;
    }

    .cmp_o, .cmp_s, .cmp_g, .cmp_c {
        border-right: none;
        border-bottom: solid 1px;
        padding: 0 10px 15px;
    }

    p {
        margin: 10px 20px;
    }

    .services a {
      width: auto;
    }

    .pack_box:nth-child(2n) {
        border-right: none;
    }

    .pack_box:nth-child(3) {
        border-right: solid 1px;
    }

    .pack_box:nth-child(4) {
        border-bottom: solid 1px;
    }

    .tape {
        height: 240px;
    }

    .tag .what {
        line-height: 16px;
    }

    .we .main {
        font-size: 16px;
    }

    .price button {
        width: 280px;
    }

    footer .main .logo {
        display: block;
    }
}

@media screen and (max-width: 374px) {
    .dlv_box {
        width: 159px;
    }

    .package h2 {
        margin: 55px 10px 18px;
    }
}

@media screen and (max-width: 320px) {
    
    .bnr {
        height: auto;
        padding: 5px 0;
    }
    .bnr .text {
        gap: 10px;
    }
    .dlv_box {
        width: 140px;
    }
    .company-text {
        font-size: 18px;
    }
    .ad_vertical a {
        display: flex;
        flex-direction: column;
        height: 170px;
    }
    .price .main {
        padding: 5px;
    }
    .advantage .main h1{
        font-size: 12px;
    }
    .advantage .main span{
        font-size: 12px;
    }

    .price button {
        width: 100%;
    }
    .delivery-card {
        display: flex;
        flex-direction: column;
        width: 200px;
        height: auto;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .delivery-card img {
            width: 100;
            height: 50%;
            object-fit: cover;
    }
}