@media (orientation: portrait) {
     :root {
        --scrnwidth: calc(100vw - 20px);
    }
    .closeQuiz {
        top: 5px;
        right: 5px;
    }
    .logo {
        width: 80vw;
        max-height: 15vh;
        margin: auto;
    }
    .contactHandler {
        display: none;
    }
    div.header {
        padding: 20px;
    }
    .leftText {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        padding: 5vw 5vw;
    }
    #min {
        font-size: max(4vw, 1vh);
    }
    #main {
        font-size: max(6vw, 2vh);
    }
    #main br {
        display: contents;
    }
    #main u {
        display: block;
    }
    .btn {
        font-size: 5vw;
        padding: 4vw 6vw;
        border-radius: 10px;
    }
    .scrollDown {
        flex-direction: row-reverse;
        text-align: left;
        gap: 10px;
        align-content: center;
        justify-content: center;
        width: 60%;
        font-size: max(4vw, 1vh);
    }
    .clickHere {
        top: 10px;
        left: 10px;
        padding: 7px 10px;
        background: #0089ffeb;
    }
    .gridObject h3 {
        font-size: 12px;
    }
    .gridObject p {
        font-size: 12px;
        line-height: 14px;
    }
    .gallery img {
        width: 50vw;
    }
    a.imgYT img {
        width: 40vw;
    }
    .projects {
        width: 90vw !important;
        gap: 5vw;
        grid-template-columns: 1fr;
    }
    .project {
        height: 70vw;
    }
    .projectAbout {
        padding: 4vw;
        width: calc(100% - 8vw);
        flex-direction: column-reverse;
    }
    .project h3,
    .projectHeader h3 {
        font-size: 5.5vw;
    }
    .project span,
    .projectHeader span {
        font-size: 3vw;
    }
    .popup {
        width: 100vw;
        margin: 15vh 0 0;
        border-radius: 20px 20px 0 0;
    }
    .headHandler {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        margin: 10px;
        width: calc(100% - 20px);
        gap: 10px;
    }
    .projectHeader {
        grid-row: 1;
        grid-column: 1 / 1;
    }
    .solution {
        grid-row: unset;
        grid-column: unset;
    }
    .task,
    .solution,
    .video {
        padding: 12px 15px 15px 15px;
    }
    .video {
        grid-row: 4;
    }
    a.imgYT img {
        width: 100%;
    }
    .popup p {
        margin: 5px 0 0 0;
        line-height: 130%;
        text-align: justify;
    }
    .insertImg>img {
        height: auto;
        width: auto;
        max-width: 90vw;
        max-height: 90vh;
    }
    .slider:after,
    .slider:before {
        content: none;
    }
    .slider__item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .slider {
        padding: 0px 10px 10px 10px !important
    }
    .slider__wrapper {
        left: 0;
    }
    .slider__items {
        gap: 0;
    }
    .photos:before {
        content: "Листай свайпами, нажми для увеличения";
        margin: auto;
        font-size: 3.5vw;
        font-weight: 700;
        text-align: center;
        position: relative;
        padding: 4vw;
        width: 100vw;
    }
    #vidPlace {
        width: 90vw;
        height: 50vw;
    }
    .quiz,
    #quiz_rzdcsyh {
        height: calc(var(--vh, 1vh) * 100) !important;
    }
    .num {
        font-size: 15vw;
        line-height: 15vw;
    }
    .factText {
        font-size: 6vw;
        line-height: 12vw;
    }
    .contactsCard {
        position: static;
        left: 0px;
        top: 0;
        width: auto;
        transform: none;
        min-width: unset;
        border-radius: 20px 20px 0 0;
    }
    .nums {
        background: linear-gradient(0deg, #ffff, #008aff1a 20%, #008aff1a 70%, #ffff), linear-gradient(90deg, #e6f5ff, #fff0), url(img/https://www.centrclimat.ru/f/city_bg_1.png) no-repeat center;
        padding: 20px 0;
    }
    .cardContacts,
    .organisation {
        display: grid;
        width: 100%;
    }
    ymaps {
        display: none !important;
    }
    #map {
        display: contents;
    }
    .cardSocials,
    .cardActive {
        display: contents;
    }
    .contact {
        width: auto;
    }
    #rating {
        justify-content: space-around;
        width: auto;
    }
    #wa {
        grid-column: 1;
    }
    #ig {
        grid-column: 3;
    }
    .time {
        display: none;
    }
    .siteBG {
        height: 100vh;
        opacity: 0.6;
    }
    #lr,
    #hr {
        height: 100%;
        object-position: right;
        width: 160vw;
        height: 70vh;
        top: 50vh;
    }
    .good {
        grid-template-columns: 1fr;
        width: 90vw;
        row-gap: 20px;
    }
    .info img {
        height: 60px;
        width: 60px;
    }
    section h2 {
        font-size: 18px;
        grid-column: 1 !important;
    }
    .info p {
        font-size: 12px;
        line-height: 1.5;
        margin: 0;
    }
    .gallery {
        grid-template-columns: 1fr 1fr;
        padding: 5vw 5vw 70px 5vw;
        width: 90vw;
    }
    .cond_info {
        gap: 10px;
    }
    .cond_vars.alt {
        grid-template-columns: 1fr;
        width: var(--scrnwidth);
        margin: auto;
        row-gap: 20px;
    }
    .alt .cond_card {
        flex-direction: column;
    }
    .alt .cond_card>img {
        height: auto;
    }
    .alt .con_plus_card {
        font-size: max(3.5vw, 1vh);
    }
    .alt .cond_type {
        left: -5px;
    }
    .alt .cond_card h3 span {
        display: block;
    }
    .cond_buttons {
        display: grid;
        flex-direction: row;
        gap: 10px;
        grid-template-columns: 5fr 3fr;
    }
    .setup_vars {
        flex-direction: column;
        gap: 20px;
    }
    .alt .cond_buttons .buy:only-child {
        grid-column: 1/3;
    }
    .setup_var {
        width: auto;
        margin: auto;
        padding: 15px 20px;
        height: auto;
        gap: 25px;
    }
    .lost {
        flex-direction: column;
        padding: 50px 0;
        gap: 20px;
        width: 100vw;
        min-height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    .lost_text {
        margin: auto;
        width: 95vw;
    }
    .lost_text * {
        text-align: center;
        width: auto;
        margin: auto;
    }
    .setup_name {
        font-size: max(8vw, 2vh);
    }
    .setup_price {
        font-size: max(6vw, 2vh);
    }
    .setup_var ul {
        font-size: max(4.5vw, 1vh);
    }
    .setup_var p {
        font-size: max(4vw, 1vh);
    }
    .und_text {
        bottom: -12vw;
        font-size: max(4vw, 1vh);
    }
    .lost_text span {
        margin-top: 20px;
    }
    .lost_text h4 {
        font-size: max(6.5vw, 2vh);
    }
    .lost_text p {
        font-size: max(5vw, 2vh);
    }
    .lost_text span {
        font-size: max(4vw, 1vh);
    }
    .lost_text br {
        display: contents;
    }
    .lost img {
        display: none;
        right: unset;
        bottom: unset;
        left: 3vw;
        top: 30vh;
        width: 50vw;
    }
    .lost form {
        width: calc(100vw - 50px);
        min-width: auto;
    }
    .insertImg div.img {
        width: 80vw;
    }
    .insertImg img.soloPic {
        border-radius: 20px;
    }
    .insertImg img {
        width: max-content;
    }
    .payHint {
        display: block;
        text-decoration: underline;
    }
    .alt .cond_buttons .yt_btn {
        width: auto;
    }
    section.about_setup {
        margin-top: 50px;
    }
    p#min {
        font-size: max(4vw, 1vh);
        margin: 1vw 0 0 5vw;
        width: 100%;
    }
    .top_image_grad {
        background: linear-gradient(0deg, #fff0 20%, #ffff 90%);
        height: 50vh;
        width: 100vw;
        left: 0;
        top: 50vh;
        position: absolute;
        display: block;
    }
    .formConfirm {
        width: calc(100vw - 40px);
        margin: auto;
        padding: 0 15px;
    }
    .formConfirm h4 {
        font-size: max(5vw, 2vh);
    }
    .formConfirm p {
        font-size: max(4vw, 1vh);
    }
    .QRcenter {
        display: flex;
        justify-content: center;
        margin: auto;
    }
    .mont_price {
        font-size: max(3vw, 1vh);
        margin-top: -10px;
        margin-bottom: 20px;
    }
}