:root {
    --size36: 36px;
}

@media (max-width:1215px) {
    .company-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .cost-table {
        max-width: 100%;
    }
}

@media (max-width:1184px) {

    .malfunctions-wrapper {
        grid-template-columns: auto;
        justify-content: center;
    }

    .info-text li {
        margin-bottom: 10px;
    }

    .contacts-footer {
        grid-template-columns: 1fr 2fr;
    }

}

@media (max-width:1150px) {
    .section-company::after {
        height: calc(680px - 10%)
    }

    .company-wrapper {
        grid-template-columns: 1fr 2fr;
        gap: 30px;
    }

    .header-wrapper {
        gap: 5px;
    }

    .header-top .phone a,
    .header-top .area {
        font-size: 23px;
    }

}

@media (max-width:1083px) {

    .header-top .phone a,
    .header-top .area {
        font-size: 18px;
    }

}

@media (max-width:1020px) {

    .navigation a {
        padding: 20px 10px;
    }

    .call-wrapper {
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 0;
    }

    .call-form {
        max-width: 100%;
        width: 550px;
        position: relative;
        top: -40px;
    }

    .call-form .form-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .call-form .input-wrapper:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .call-master {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.5)), url('/images/call-master-bg.png');
    }

    .conf {
        grid-column-start: 1;
    }
}

@media (max-width:925px) {

    .section-company {
        padding: 0 0;
    }

    .navigation,
    .contacts {
        display: none;
    }

    .location {
        margin-right: 0;
    }

    .one-screen {
        padding-top: 50px;
    }

    .section {
        padding: 50px 0;
    }

    .mobile-menu {
        display: flex;
    }

    .contacts-footer {
        grid-template-columns: 1fr 1fr;
    }

    .questions-img {
        display: none;
    }

    .company-wrapper {
        grid-template-columns: 1fr;
    }

}

@media (max-width:800px) {

    .call-master .button-wrapper,
    .form-title {
        display: none;
    }

    .cards-wrapper {
        grid-template-columns: 1fr;
    }

    .button-wrapper {
        grid-template-columns: 270px;
    }

    .questions .button-wrapper {
        margin: 0 auto;
    }

    .call-form {
        top: 0;
    }

    h1.call-title {
        font-size: var(--size36);
    }

    .size-title {
        font-size: 30px;
    }

    .call-form {
        width: 100%;
        max-width: 445px;
    }

    .call-form .input-wrapper:last-child {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .call-form .form-wrapper {
        grid-template-columns: 1fr;
    }

    .malfunctions-card {
        min-width: 250px;
        height: 100%;
    }


    .malfunctions-wrapper {
        justify-items: stretch;
        left: 0;
        padding-top: 70px;
        gap: 70px;
    }

    .malfunctions-card img {
        position: absolute;
        left: 40%;
        top: -27%;
    }

    .malfunctions .card-btn {
        width: 100%;
    }

    .card-wrapper {
        padding: 20px;
        margin-top: 40px;
    }

    .cost-table {
        grid-template-columns: 4fr 1fr
    }

    .table-order {
        grid-column-start: 2;
    }

    .table-name {
        grid-row: span 2;
    }

    .cost-table:last-child .table-order {
        grid-row-start: 1;
    }

    .form-title {
        margin-bottom: 30px;
    }

    .call-wrapper .input-wrapper {
        margin-bottom: 15px;
    }
}

@media (max-width:700px) {

    .list-advantages {
        margin-top: 15px;
    }

    .one-screen {
        background-size: 80%;
        background-position: 90% 30%;
    }

    .contacts-footer {
        grid-template-columns: 1fr;
    }

    .section {
        padding: 40px 0;
    }

    .call-title {
        margin-bottom: 15px;
    }

    .call-wrapper,
    .form-wrapper {
        gap: 10px;
    }

    .contacts-text .size-title {
        text-align: center;
    }
}

@media (max-width:585px) {

    .location {
        display: none;
    }

    .header-wrapper {
        justify-content: center;
    }

}

@media (max-width: 494px) {

    .mobile-phone {
        display: none;
    }

    .phone-icon {
        display: block;
    }

    .social {
        margin: 0;
        display: flex;
        gap: 10px;
    }
}

@media (max-width:520px) {

    .contacts {
        display: none;
    }

    .header-wrapper {
        gap: 0;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width:420px) {

    .section-company {
        padding: 0 0;
    }

    .modal-content h2 {
        font-size: 28px;
    }

    .cost-wrapper {
        margin-bottom: 30px;
    }

    .logo {
        width: 100%;
    }

    .logo img {
        width: 60px;
    }

    .logo-desc p {
        display: block;
        width: min-content;
        font-size: 30px;
        width: 100%;
    }

    .logo .wrapper {
        justify-content: center;
    }

    h1.page-title {
        font-size: 26px;
    }

    .size-title {
        font-size: 24px;
    }

    .table-order {
        grid-column-start: 1;
    }

    .table-name {
        grid-row: span 1;
        text-align: center;
    }

    .cost-table:last-child .table-order {
        grid-row-start: 2;
    }

    .cost-table {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .section-company::after {
        height: 430px;
        top: 48px;
        left: 50px;
    }

    .call-info {
        font-size: 15px;
    }

    .malfunctions-card img {
        width: 70px;
        top: -16%;
    }

    .card-name {
        padding-top: 20px;
    }

    .button-wrapper {
        grid-template-columns: auto;
    }

    .card {
        padding: 30px 5px;
    }

    .card-title {
        width: 100%;
        font-size: 15px;
    }

    .one-screen {
        background-size: 80%;
        background-position: 90% 20%;
    }

    .cost-table {
        padding: 20px;
    }
    
    .whatsapp,
    .telegram {
        background-size: 13%;
    }
}


@media (max-width:305px) {

    .footer .phone a,
    .size-title {
        font-size: 20px;
    }
    
    .card-name {
        font-size: 15px;
    }

    ul li,
    .cost-table,
    .cost-desk {
        font-size: 12px;
    }
    
    .malfunctions-card {
        min-width: auto;
    }
    
    .footer-icon {
        display: none;
    }
}

@media (max-width:255px) {
    
    .map {
        display: none;
    }
    
        h1.page-title,
        .logo-desc p {
        font-size: 20px;
    }
    
        .contacts-text p,
        .questions-text p,
        .copyright p,
        .call-info,
        .conf,
        .malfunctions-desk,
        .services-desk {
            font-size: 12px;
    }
    
        .contacts-text {
        padding: 5px;
    }
    
    .contacts-phone .phone a,
    .size-title,
    .button-wrapper a,
    .custom-btn {
        font-size: 15px;
    }
    
    .list-advantages li {
    background-image: none;
    padding-left: 0;
    }
}