@media screen and (max-width: 1024px) {
    .container {
        width: 100%;
    }
    .windows__list {
        justify-content: space-around;
    }
    .windows__img-wrapper {
        height: 93px;
        width: 125px;
    }
    .windows__img {
        width: 90%;
        height: auto;
    }
    #single-leaf img {
        width: auto;
    }
    .select-window__size {
        position: relative;
    }
    .dot-item {
        display: block;
        margin-left: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .header {
        text-align: center;
    }
    .logo {
        float: none;
        padding-bottom: 40px;
    }
    .phone-number {
        float: none;
    }
    .section-with-form .content {
        margin: 0 auto;
    }
    .section-with-slider {
        display: none;
    }
    .windows__list {
        justify-content: start;
    }
    .windows__link {
        padding: 10px;
    }
    .windows__img-wrapper {
        display: none;
    }
    .calculator {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        row-gap: 80px;
        column-gap: 0px;
    }
    .select-window {
        grid-row: 2;
    }
    .parameters {
        grid-row: 1;
        margin: 0px auto;
    }
    .get-calculation {
        text-align: right;
        padding-left: 0px;
        grid-column: 1;
        grid-row: 3;
    }
    .get-calculation__input {
        display: block;
        margin: auto;
        margin-bottom: 25px;
    }
    .get-calculation____button {
        display: block;
        margin: auto;
    }
}

@media screen and (max-width: 576px) {
	.phone-number__item {
		font-size: 2rem;
	}
	.section-with-form .container {
		padding: 30px 10px;
	}
    .section-with-form .content {
        margin: 0 auto;
        max-width: initial;
        width: 100%;
    }
    .calculator-wrapper {
        padding: 50px 15px;
    }
}